.

src/pages/withdrawalDetails.vue

@@ -21,12 +21,28 @@
                 <div class="con1">
                     <img class="con-img" :src="getIcon(item.status)" />
                     <div>
-                        <div class="text1">{{ item.name }}</div>
+                        <div class="text1">
+                            {{ item.name + '-' }}
+                            <span
+                                class="span"
+                                :class="{
+                                    prims: item.status === 'DENY',
+                                    prims1: item.status === 'APPLY'
+                                }"
+                                >{{ item.remark }}</span
+                            >
+                        </div>
                         <div class="text2">{{ item.createdAt }}</div>
                     </div>
                 </div>
-                <div class="money" :class="{ prim: item.amount > 0 }">
-                    {{ item.amount > 0 ? '+' : '' }}{{ item.amount }}
+                <div
+                    class="money"
+                    :class="{
+                        prims: item.status === 'DENY',
+                        prims1: item.status === 'APPLY'
+                    }"
+                >
+                    {{ item.amount > 0 ? '-' : '' }}{{ item.amount }}
                 </div>
             </div>
         </template>
@@ -228,8 +244,8 @@ export default {
     .con1 {
         .flex();
         .con-img {
-            width: 47px;
-            height: 41px;
+            width: 50px;
+            height: 44px;
             margin-right: 10px;
         }
         .text1 {
@@ -238,6 +254,18 @@ export default {
             color: #000000;
             line-height: 20px;
         }
+        .span {
+            font-size: 14px;
+            font-weight: normal;
+            color: #00ba64;
+            line-height: 20px;
+            &.prims {
+                color: #f42202;
+            }
+            &.prims1 {
+                color: #ff7f1f;
+            }
+        }
         .text2 {
             font-size: 13px;
             font-weight: normal;
@@ -249,11 +277,14 @@ export default {
     .money {
         font-size: 16px;
         font-weight: bold;
-        color: #000000;
+        color: #00ba64;
         line-height: 24px;
-        &.prim {
+        &.prims {
             color: #f42202;
         }
+        &.prims1 {
+            color: #ff7f1f;
+        }
     }
 }
 </style>