css

src/mods/AppIntegralApply/AppIntegralApply.vue

@@ -25,7 +25,8 @@
           </div>
 
           <div class="card">
-            <span>{{ item.name }}</span>
+            <!-- status0 成功 status1 未通过  status2 待审核-->
+            <span class="status status0">{{ item.name }}</span>
           </div>
         </div>
       </template>
@@ -188,9 +189,14 @@ export default {
         .flex {
           display: flex;
           justify-content: space-between;
+          margin-top: 28px;
           .tags {
+            padding: 4px 16px;
+            background: #eeeeee;
+            border-radius: 24px;
           }
           .times {
+            color: #999;
           }
         }
       }
@@ -200,6 +206,18 @@ export default {
         background: #fff;
         box-shadow: inset 0px -1px 0px 0px #dddddd;
         border-radius: 0px 0px 16px 16px;
+        .status {
+          font-size: 28px;
+        }
+        .status0 {
+          color: #42d784;
+        }
+        .status1 {
+          color: #ff4466;
+        }
+        .status2 {
+          color: #ff883c;
+        }
       }
     }
   }