合伙人-样式优化

htmldev/loan/src/views/partner/goods/index.vue

@@ -1,15 +1,19 @@
 <template>
-  <div class="better-scroll wrapper" ref="wrapper">
-    <ul>
-      <li class="title">贷款产品</li>
-      <li class="list" v-for="(item, index) in listData" :key="index" @click="funJumpDetail(item)">
-        <p class="name">中行贷</p>
-        <p class="description">最高：20万</p>
-      </li>
-      <li class="bitmap" v-if="!listData.length && booFetchData">
-        <p>暂无申请记录</p>
-      </li>
-    </ul>
+  <div class="container">
+    <div class="header">
+      <h2 class="title">贷款产品</h2>
+    </div>
+    <div class="better-scroll wrapper" ref="wrapper">
+      <ul>
+        <li class="list" v-for="(item, index) in listData" :key="index" @click="funJumpDetail(item)">
+          <p class="name">中行贷</p>
+          <p class="description">最高：20万</p>
+        </li>
+        <li class="bitmap" v-if="!listData.length && booFetchData">
+          <p>暂无申请记录</p>
+        </li>
+      </ul>
+    </div>
   </div>
 </template>
 
@@ -118,20 +122,20 @@
 </script>
 
 <style lang="scss" scoped>
-  .wrapper {
-    position: relative;
+  .container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
     width: 100%;
-    height: 100vh;
-    overflow: hidden;
     background: #fff;
+  }
 
-    ul {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      width: 100%;
-      padding: 24px 0 80px;
-    }
+  .header {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    padding: 25px 0 24px;
   }
 
   .title {
@@ -143,6 +147,21 @@
     color: #333;
   }
 
+  .wrapper {
+    position: relative;
+    width: 100%;
+    height: calc(100vh - 82px);
+    overflow: hidden;
+
+    ul {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      width: 100%;
+      padding-bottom: 80px;
+    }
+  }
+
   .list {
     display: flex;
     flex-direction: column;

htmldev/loan/src/views/partner/home/index.vue

@@ -5,14 +5,14 @@
     </keep-alive>
     <router-view v-if="!$route.meta.keepAlive"></router-view>
     <div class="footer">
-      <router-link class="btn-marketing" :to="{path: '/partner'}">
-        <img src="./image/tab_xiaoshou_nor@2x.png" alt="" v-show="$route.name !== 'Marketing'">
-        <img src="./image/tab_xiaoshou_sel@2x.png" alt="" v-show="$route.name === 'Marketing'">
+      <router-link class="btn-marketing" :to="{path: '/partner'}" replace>
+        <img src="./image/tab_xiaoshou_nor@2x.png" alt="" v-show="$route.name !== 'partnerMarketing'">
+        <img src="./image/tab_xiaoshou_sel@2x.png" alt="" v-show="$route.name === 'partnerMarketing'">
         <span>销售</span>
       </router-link>
-      <router-link class="btn-mine" :to="{path: '/partner/mine'}">
-        <img src="./image/tab_wode_nor@2x.png" alt="" v-show="$route.name !== 'Mine'">
-        <img src="./image/tab_wode_sel@2x.png" alt="" v-show="$route.name === 'Mine'">
+      <router-link class="btn-mine" :to="{path: '/partner/mine'}" replace>
+        <img src="./image/tab_wode_nor@2x.png" alt="" v-show="$route.name !== 'partnerMine'">
+        <img src="./image/tab_wode_sel@2x.png" alt="" v-show="$route.name === 'partnerMine'">
         <span>我的</span>
       </router-link>
     </div>