页面样式修改

src/components/common/PicketAcced.vue

@@ -50,20 +50,22 @@
           </van-col>
         </van-row>
       </div>
-      <van-row v-if="item.status === 1" type="flex" class="bottom" @click="onClickPicket()">
-        <van-col span="24" class="lablel"><span>还款计划</span>
-          <svg class="iconl" aria-hidden="true">
-            <use xlink:href="#icon-a-xiayiye24x24px"></use>
-          </svg>
-        </van-col>
-      </van-row>
-      <van-row v-if="item.status === 2" type="flex" class="bottom" @click="toTrial()">
-        <van-col span="24" class="lablel"><span>计算器</span>
-          <svg class="iconl" aria-hidden="true">
-            <use xlink:href="#icon-a-xiayiye24x24px"></use>
-          </svg>
-        </van-col>
-      </van-row>
+        <van-row v-if="item.status === 1" type="flex" class="bottom" @click="onClickPicket()">
+          <van-col span="24" class="lablel"><span>查看还款计划</span>
+<!--            <svg class="iconl" aria-hidden="true">-->
+<!--              <use xlink:href="#icon-a-xiayiye24x24px"></use>-->
+<!--            </svg>-->
+            <img :src="require('@/assets/images/xiayiye.png')" style="width: 30px"/>
+          </van-col>
+        </van-row>
+        <van-row v-if="item.status === 2" type="flex" class="bottom" @click="toTrial()">
+          <van-col span="24" class="lablel"><span>计算器</span>
+<!--            <svg class="iconl" aria-hidden="true">-->
+<!--              <use xlink:href="#icon-a-xiayiye24x24px"></use>-->
+<!--            </svg>-->
+            <img :src="require('@/assets/images/xiayiye.png')" style="width: 30px"/>
+          </van-col>
+        </van-row>
     </div>
   </div>
 </template>
@@ -101,7 +103,8 @@ export default class PicketAcced extends Vue {
 
 .card {
   border-radius: 2%;
-  height: 27vh;
+  //height: 28vh;
+  height: 190px;
   margin: 3% 3% 3% 3%;
   background: #ffffff;
 }
@@ -130,7 +133,7 @@ export default class PicketAcced extends Vue {
 }
 
 .bottom {
-  background-color: rgba(54, 114, 241, 1);
+  background-color: #3672F1;
   border: none;
   border-radius: 5px;
   border-top-left-radius: 0px;
@@ -145,5 +148,6 @@ export default class PicketAcced extends Vue {
   font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
   font-weight: 400;
   font-style: normal;
+  height: 30px;
 }
 </style>

src/views/workbench/AccommodDetails.vue

@@ -13,7 +13,7 @@
       <tatle-bar :tatle="tatleName"></tatle-bar>
     </div>
     <div>
-      <van-tabs>
+      <van-tabs color="#3672F1">
         <van-tab title="申请详情">
           <div class="layout">
             <van-row type="flex" class="CoolName">

src/views/workbench/Accommodation.vue

@@ -13,7 +13,7 @@
       <tatle-bar :tatle="tatleName"></tatle-bar>
     </div>
     <div>
-      <van-tabs>
+      <van-tabs color="#3672F1" title-active-color="#3672F1">
         <van-tab title="未结清">
           <picket-acced :productParam="productParam" class="acced" @onClickDetails="onClickDetails"
             @onClickPicket="onClickPicket" @toTrial="toTrial"></picket-acced>