'我的还款明细页面调整'

src/pages/myInfo/my-info.vue

@@ -448,10 +448,10 @@ export default {
           top: -10px;
           left: 25px;
           font-size: 10px;
-          width: 20px;
-          height: 20px;
+          width: 18px;
+          height: 18px;
           text-align: center;
-          line-height: 20px;
+          line-height: 18px;
           background-color: red;
           color: #fff;
           border-radius: 50%;
@@ -461,10 +461,10 @@ export default {
           top: -10px;
           left: 25px;
           font-size: 10px;
-          width: 30px;
-          height: 20px;
+          width: 24px;
+          height: 18px;
           text-align: center;
-          line-height: 20px;
+          line-height: 18px;
           background-color: red;
           color: #fff;
           border-radius: 50%;
@@ -506,19 +506,21 @@ export default {
   background-color: #fff;
 }
   .right-icon{
-    width: 20px;
-    height: 20px;
+    width: 18px;
+    height: 18px;
+    font-size: 10px;
     text-align: center;
-    line-height: 20px;
+    line-height: 18px;
     background-color: red;
     color: #fff;
     border-radius: 50%;
   }
   .right-icon-width{
-    width: 30px;
-    height: 20px;
+    width: 24px;
+    height: 18px;
+    font-size: 10px;
     text-align: center;
-    line-height: 20px;
+    line-height: 18px;
     background-color: red;
     color: #fff;
     border-radius: 50%;

src/pages/reimburseMyself/reimburse-detail.vue

@@ -3,7 +3,7 @@
 * @Date 2019/10/22
 */
 <template>
-  <h-view id="reimburse" class="public-style" style="height: 100%">
+  <h-view id="reimburseDetail" class="public-style" style="height: 100%">
     <h-header :proportion="[5,1,1]" class="bar-custom">
       <div slot="left" class="h-header-btn">
         <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
@@ -48,15 +48,26 @@
           <div slot="name">付款账户名称</div>
           <div slot="content">{{ '张三' }}</div>
         </item>
-        <item>
-          <div slot="name">合同号</div>
-          <div slot="content">{{ '234567' }}</div>
-        </item>
-        <item>
-          <div slot="name">款项</div>
-          <div slot="content">{{ '首付款：手续费' }}</div>
-        </item>
       </list-item>
+      <div class="list-wrap">
+        <list-item v-for="(list,index) in [0,1]" :key="index">
+          <item>
+            <img slot="left-icon" src="@/assets/reimburseMyself/reimburse.png" class="left-icon">
+            <div slot="name">合同号</div>
+            <div slot="content">{{ 'con2134567654' }}</div>
+          </item>
+          <item>
+            <img slot="left-icon" src="" class="left-icon">
+            <div slot="name" class="time-font">款项</div>
+            <div slot="content" class="time-font">{{ '首付款：手续费' }}</div>
+          </item>
+          <item>
+            <img slot="left-icon" src="" class="left-icon">
+            <div slot="name" class="time-font">交易金额</div>
+            <div slot="content" class="money-font">{{ 90000 | currency }}</div>
+          </item>
+        </list-item>
+      </div>
     </h-content>
   </h-view>
 </template>
@@ -78,6 +89,51 @@ export default {
 }
 </script>
 
-<style scoped lang="less" rel="stylesheet">
+<style lang="less" rel="stylesheet">
+  #reimburseDetail {
+    .h-header-btn {
+      img {
+        width: 16px;
+        height: 16px;
+        margin-left: 4px;
+      }
+      span {
+        font-family: PingFangSC-Semibold;
+        margin-left: 16px;
+        font-size: 17px;
+        letter-spacing: 0.61px;
+        line-height: 24px;
+      }
+    }
+    .hls-item .contents .add-name .left-icon {
+      width: 30px;
+    }
+
+    .list-wrap {
+      margin: 10px;
+    }
+
+    .add-name {
+      .time-font {
+        font-family: PingFangSC-Regular;
+        font-size: 14px;
+        color: #656464;
+      }
+    }
+
+    .add-content {
+      .money-font {
+        font-family: Verdana-Bold;
+        font-size: 15px;
+        color: rgba(56, 63, 69, 0.60);
+        font-weight: 600;
+      }
 
+      .time-font {
+        font-family: PingFangSC-Regular;
+        font-size: 14px;
+        color: #656464;
+      }
+    }
+  }
 </style>