task 银农事项审批页面升级

package-lock.json

@@ -5,25 +5,20 @@
   "requires": true,
   "dependencies": {
     "@babel/runtime": {
-      "version": "7.13.9",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.13.9.tgz",
-      "integrity": "sha512-aY2kU+xgJ3dJ1eU6FMB9EH8dIe8dmusF1xEku52joLvw6eAFN0AI+WxCLDnpev2LEejWBAy2sBvBOBAjI3zmvA==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.24.4.tgz",
+      "integrity": "sha512-dkxf7+hn8mFBwKjs9bvBlArzLVxVbS8usaPUDd5p2a9JCL9tB8OaOVN1isD4+Xyk4ns89/xeOmbQvgdK7IIVdA==",
       "requires": {
-        "regenerator-runtime": "^0.13.4"
+        "regenerator-runtime": "^0.14.0"
       },
       "dependencies": {
         "regenerator-runtime": {
-          "version": "0.13.7",
-          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
-          "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew=="
+          "version": "0.14.1",
+          "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+          "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
         }
       }
     },
-    "@popperjs/core": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.0.tgz",
-      "integrity": "sha512-wjtKehFAIARq2OxK8j3JrggNlEslJfNuSm2ArteIbKyRMts2g0a7KzTxfRVNUM+O0gnBJ2hNV8nWPOYBgI1sew=="
-    },
     "@types/json-schema": {
       "version": "7.0.11",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
@@ -41,22 +36,19 @@
       "integrity": "sha512-efv7Yl/OTHjyy0irhJJPtgZb5mJZmroEtVOa8vkGRNTLY93+NgEcVuIBaC35hYCMsTrPHDQRvQGnI9Hyhtto0Q=="
     },
     "@vant/icons": {
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.5.2.tgz",
-      "integrity": "sha512-Gy2mFIgObvCh1azp6LklQYsNFrCjMLxf/mEzHD6WV0pZbMBNjsb7bWvAjPo3Wygo9IVtGqi/36wrtosv3PkyRg=="
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/@vant/icons/-/icons-3.0.2.tgz",
+      "integrity": "sha512-4OlRVMd0uiDtD9hgSISZW8hB95vU0fFtc41tQchRIyiXkR0tS+DydZOLb8/bQkithrNWhW7Uud38MbKjlJ9lJw=="
     },
     "@vant/popperjs": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@vant/popperjs/-/popperjs-1.0.4.tgz",
-      "integrity": "sha512-bqbmOoX0kYexGw65awNX9wxePR0ZIdTlVP+7JRahrbUjKW0+HxC2T27NE90cCDmqiFL/6+QYazhLvVa436jV0A==",
-      "requires": {
-        "@popperjs/core": "^2.5.4"
-      }
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/@vant/popperjs/-/popperjs-1.3.0.tgz",
+      "integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw=="
     },
     "@vue/babel-helper-vue-jsx-merge-props": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
-      "integrity": "sha512-QOi5OW45e2R20VygMSNhyQHvpdUwQZqGPc748JLGCYEy+yp8fNFNdbNIGAgZmi9e+2JHPd6i6idRuqivyicIkA=="
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.4.0.tgz",
+      "integrity": "sha512-JkqXfCkUDp4PIlFdDQ0TdXoIejMtTHP67/pvxlgeY+u5k3LEdKuWZ3LK6xkxo52uDoABIVyRwqVkfLQJhk7VBA=="
     },
     "@zxing/library": {
       "version": "0.18.6",
@@ -4286,7 +4278,7 @@
     "fastclick": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/fastclick/-/fastclick-1.0.6.tgz",
-      "integrity": "sha1-FhYlsnsaWAZAWTa9qaLBkm0Gvmo=",
+      "integrity": "sha512-cXyDBT4g0uWl/Xe75QspBDAgAWQ0lkPi/zgp6YFEUHj6WV6VIZl7R6TiDZhdOVU3W4ehp/8tG61Jev1jit+ztQ==",
       "dev": true
     },
     "fastparse": {
@@ -4441,7 +4433,7 @@
     "font-awesome.css": {
       "version": "4.7.2",
       "resolved": "https://registry.npmjs.org/font-awesome.css/-/font-awesome.css-4.7.2.tgz",
-      "integrity": "sha1-B1pCARQo8gJyVO9phgx1ergWyVI="
+      "integrity": "sha512-FIyRbig4PDY15NGzejM3b8OQ/lWvId8PHnE4CnuDtc8/YYs07cvnqLCyfvIJPwJl5SA/Rq+9jAe9W+Fr1pv0DA=="
     },
     "for-in": {
       "version": "1.0.2",
@@ -12277,13 +12269,13 @@
       }
     },
     "vant": {
-      "version": "2.12.8",
-      "resolved": "https://registry.npmjs.org/vant/-/vant-2.12.8.tgz",
-      "integrity": "sha512-2Rs/LDGg+Dz2AbWRM88EmnH1OTDSB1vcWFZ8pIlHEUraLUM6SvwsqtMpLrnn15KZA1RToeKbrv0MZOVfzoEpSQ==",
+      "version": "2.13.2",
+      "resolved": "https://registry.npmmirror.com/vant/-/vant-2.13.2.tgz",
+      "integrity": "sha512-anZbbLqXCq+rUJk10D67mn+V/1/i9tfOTdoR+64B0e+0BzV3KFgpHBF76noLa+yX9i/L+8DeL560WMk0GEN38g==",
       "requires": {
         "@babel/runtime": "7.x",
-        "@vant/icons": "1.5.2",
-        "@vant/popperjs": "^1.0.0",
+        "@vant/icons": "^3.0.2",
+        "@vant/popperjs": "^1.1.0",
         "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
         "vue-lazyload": "1.2.3"
       }
@@ -12360,7 +12352,7 @@
     "vue-html5-editor": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/vue-html5-editor/-/vue-html5-editor-1.1.1.tgz",
-      "integrity": "sha1-WRAhCoMNjI00eaHx/shHMZKqA7M=",
+      "integrity": "sha512-Ckmb8djta+XQMUQaxRcCUNBXEzjPF5p6c2nQ5ICcIuR8eYz4b0HAGzXlSDfL3ZxkrVHO2Hx0VrUORLu2Lwem4g==",
       "dev": true
     },
     "vue-lazyload": {

package.json

@@ -10,9 +10,9 @@
     "build": "node build/build.js"
   },
   "dependencies": {
-    "bignumber.js": "^9.1.2",
     "@vant/area-data": "^1.2.2",
     "axios": "^0.21.1",
+    "bignumber.js": "^9.1.2",
     "echarts": "^5.3.3",
     "element-ui": "^2.15.6",
     "font-awesome": "^4.7.0",
@@ -29,7 +29,7 @@
     "quill": "^1.3.7",
     "sass": "^1.32.8",
     "sass-loader": "^6.0.6",
-    "vant": "^2.12.8",
+    "vant": "^2.13.2",
     "vue": "^2.5.2",
     "vue-baidu-map": "^0.21.22",
     "vue-cookies": "^1.7.4",

src/views/yinnong/doneCompleted/completedNew.vue

@@ -3,9 +3,9 @@
     <van-nav-bar
       title="待办事项"
     />
-    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" style="width: 96%;margin: 2%;height:128px;border-radius: 6px;">
+    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" style="width: 96%;margin: 2%;height:150px;border-radius: 6px;">
       <van-swipe-item v-for="(image,index) in images" :key="index">
-        <img :src="image" style="width:100%;height: 128px"/>
+        <img :src="image" style="width:100%;height: 150px"/>
       </van-swipe-item>
     </van-swipe>
     <van-list
@@ -78,7 +78,7 @@
             pageSize:5,
           },
           activityBusinessTypeOptions:[],
-          images:['../../../../static/images/onlineHome/banner_03.png'],
+          images:['../../../../static/images/yinnong/banner_03.jpg'],
         }
       },
       created() {

src/views/yinnong/doneCompleted/doneNew.vue

@@ -3,9 +3,9 @@ done.vue<template>
     <van-nav-bar
       title="已办事项"
     />
-    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" style="width: 96%;margin: 2%;height:128px;border-radius: 6px;">
+    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" style="width: 96%;margin: 2%;height:150px;border-radius: 6px;">
       <van-swipe-item v-for="(image,index) in images" :key="index">
-        <img :src="image" style="width:100%;height: 128px"/>
+        <img :src="image" style="width:100%;height: 150px"/>
       </van-swipe-item>
     </van-swipe>
     <van-cell-group @click="goDetail(item)" v-for="(item,index) in taskList" :key="index" style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
@@ -66,7 +66,7 @@ done.vue<template>
             pageSize: 5,
           },
           activityBusinessTypeOptions:[],
-          images:['../../../../static/images/onlineHome/banner_02.png'],
+          images:['../../../../static/images/yinnong/banner_02.jpg'],
         }
       },
       created() {

src/views/yinnong/my.vue

@@ -1,24 +1,35 @@
 <template>
-    <div class="app-container">
-      <van-row style="background: url('../../../static/images/onlineHome/bg11.png') no-repeat left -20px;background-size: 100%;height: 220px;border-radius:0 0 50px 50px;">
-        <van-cell center  style="padding-top: 50px;background: none">
-          <template #title>
-            <p style="color: #fff;margin-left: 10px;font-size: 20px">{{nickName}}</p>
-          </template>
-          <template #label>
-            <p style="color:#fff;margin-left: 10px">{{deptName}}</p>
-          </template>
-          <template  #right-icon>
-            <van-image width="62"
-                       height="62"
-                       style="border-radius: 10px;overflow: hidden;margin-right: 8px"
-                       :src="avatar">
+    <div class="app-container1">
+      <div
+        style="
+          padding-top: 50px;
+          display: flex;
+          align-items: center;
+          width: 80%;
+          margin: 0 auto;
+        "
+      >
+        <img :src="avatar" style="border-radius: 100%;margin-right: 8px;width: 62px;height: 62px;border: 2px solid #ffffff;" alt="">
+        <div>
+          <p style="color:#000000;margin-left: 10px;font-size: 20px;font-weight: bold;">{{nickName}}</p>
+          <p style="color:#000000;margin-left: 10px;margin-top: 10px;background: url('../../../static/images/yinnong/adress.png') no-repeat left center;background-size: auto 100%;padding-left: 15px;">{{deptName}}</p>
+        </div>
+      </div>
 
-            </van-image>
-          </template>
-        </van-cell>
-      </van-row>
-      <van-cell-group style="width: 96%;margin:-50px 2% 2% 2%;border-radius: 6px;overflow: hidden;padding-top: 20px;padding-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
+      <div class="flex_main">
+        <div class="flex_block">
+          <p>待办</p>
+          <p>0</p>
+          <p>未完成的待办审批事项</p>
+        </div>
+        <div class="flex_block">
+          <p>已办</p>
+          <p>0</p>
+          <p>未完成的待办审批事项</p>
+        </div>
+      </div>
+
+      <van-cell-group style="width: 96%;margin:20px 2% 2% 2%;" :border="false">
 <!--        <van-cell title="我的业务" is-link :to="{path:'done',query:{fr:'my'}}">-->
 <!--          <template #icon>-->
 <!--            <van-image-->
@@ -69,54 +80,54 @@
             />
           </template>
         </van-cell>-->
-        <van-cell title="阳光村务" center is-link @click="sunVillage">
+        <van-cell title="阳光村务" center is-link @click="sunVillage" :border="false">
           <template #icon>
             <van-image
               fit="contain"
-              height="20"
+              width="15"
               style="margin-right: 15px"
-              src="../../../static/images/onlineHome/myIcon01.png"
+              src="../../../static/images/yinnong/myIcon01.png"
             />
           </template>
         </van-cell>
 
-        <van-cell title="基本资料" center is-link to="basicInformation">
+        <van-cell title="基本资料" center is-link to="basicInformation" :border="false">
           <template #icon>
             <van-image
               fit="contain"
-              height="20"
+              width="15"
               style="margin-right: 15px"
-              src="../../../static/images/onlineHome/myIcon00.png"
+              src="../../../static/images/yinnong/myIcon02.png"
             />
           </template>
         </van-cell>
-        <van-cell title="电子签名" center is-link to="signature">
+        <van-cell title="电子签名" center is-link to="signature" :border="false">
           <template #icon>
             <van-image
               fit="contain"
-              height="20"
+              width="15"
               style="margin-right: 15px"
-              src="../../../static/images/onlineHome/myIcon02.png"
+              src="../../../static/images/yinnong/myIcon03.png"
             />
           </template>
         </van-cell>
-        <van-cell title="修改密码" center is-link to="password">
+        <van-cell title="修改密码" center is-link to="password" :border="false">
           <template #icon>
             <van-image
               fit="contain"
-              height="20"
+              width="15"
               style="margin-right: 15px"
-              src="../../../static/images/onlineHome/myIcon03.png"
+              src="../../../static/images/yinnong/myIcon04.png"
             />
           </template>
         </van-cell>
-        <van-cell title="退出登录" center is-link @click="logout">
+        <van-cell title="退出登录" center is-link @click="logout" :border="false">
           <template #icon>
             <van-image
               fit="contain"
-              height="20"
+              width="15"
               style="margin-right: 15px"
-              src="../../../static/images/onlineHome/myIcon04.png"
+              src="../../../static/images/yinnong/myIcon05.png"
             />
           </template>
         </van-cell>
@@ -166,12 +177,55 @@
     }
 </script>
 
-<style scoped>
->>>  .my-swipe .van-swipe-item {
-    color: #fff;
-    font-size: 22px;
-    line-height: 150px;
-    text-align: center;
-    background-color: #39a9ed;
+<style scoped lang="scss">
+  .app-container1{
+    height: 100vh;
+    background: #fafafa url('../../../static/images/yinnong/user_bg.png') no-repeat left top;
+    background-size: 100%;
+  }
+  /deep/ .van-cell{
+    background: transparent;
+    margin-top: 15px;
+  }
+  /deep/ .van-cell-group{
+    background: transparent;
+  }
+
+  .flex_main{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 90%;
+    margin: 50px auto 0;
+    .flex_block{
+      flex: 1;
+      padding: 20px;
+      p:nth-child(1){
+        color: #000000;
+        font-size: .35rem;
+      }
+      p:nth-child(2){
+        color: #000000;
+        font-size: .6rem;
+        font-weight: bold;
+      }
+      p:nth-child(3){
+        color: #f78a39;
+        font-size: .3rem;
+      }
+      &:nth-child(1){
+        background: url('../../../static/images/yinnong/user_tab_bg_1.png') no-repeat center;
+        background-size: 100%;
+      }
+      &:nth-child(2){
+        background: url('../../../static/images/yinnong/user_tab_bg_2.png') no-repeat center;
+        background-size: 100%;
+        margin-left: 20px;
+        p:nth-child(3){
+          color: #12cde0;
+        }
+      }
+    }
   }
+
 </style>

src/views/yinnong/workbench.vue

@@ -35,9 +35,9 @@
         </template>
       </van-nav-bar>
       </van-sticky>
-      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" style="width: 96%;margin: 2%;height:128px;border-radius: 6px;">
+      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" style="width: 96%;margin: 2%;height:150px;border-radius: 6px;">
         <van-swipe-item v-for="(image,index) in images" :key="index">
-          <img :src="image" style="width:100%;height: 128px"/>
+          <img :src="image" style="width:100%;height: 150px"/>
         </van-swipe-item>
       </van-swipe>
 <!--      <van-row style="min-height: 100px;" class="indexCard">-->
@@ -179,7 +179,7 @@
       data() {
         return {
           list1: [],
-          images:['../../../static/images/onlineHome/banner_01.png'],
+          images:['../../../static/images/yinnong/banner_01.jpg'],
           deptName:"",
           queryParams: {
             pageNum: 1,

src/views/yinnongLogin.vue

@@ -1,64 +1,69 @@
 <template>
   <div class="app-container">
     <div class="title">
-      <img style="display: block;width: 100%;margin: 0 auto;" src="../../static/images/onlineHome/yinnongLogo1.png" alt="">
+      <img style="display: block;width: 90%;margin: 0 auto;" src="../../static/images/yinnong/yinnongLogo1.png" alt="">
     </div>
-    <van-tabs v-model="active" color="#1D6FE9                                                                               " :swipeable="true" style="margin-top:0.5rem;padding:0 10px;">
+    <van-tabs v-model="active" title-active-color="#37d6b1" :swipeable="true" style="background: rgba(255, 255, 255, .2);margin:1.5rem auto 0;width: calc(100% - 40px);border-radius: 20px;overflow: hidden;border: 1px solid #fff;">
       <van-tab title="密码登录" name="1">
-        <van-form style="margin:50px 0;" v-if="!showMessage">
+        <van-form style="padding:30px 0;height: 100vh;" v-if="!showMessage">
           <van-field
             v-model="formData.username"
             placeholder="请输入手机号/账号"
+            left-icon="contact-o"
             :rules="[{ required: true, message:''  }]"
           />
           <van-field
             v-model="formData.password"
             type="password"
+            left-icon="edit"
             style="margin-top: 20px"
             placeholder="请输入密码"
             :rules="[{ required: true, message:''  }]"
           />
-          <van-field
-            v-model="formData.code"
-            center
-            clearable
-            label="验证码"
-            placeholder="图形验证码"
-          >
-            <template #button>
-              <img style="width: 100px" :src="codeUrl" @click="getCode" />
-            </template>
-          </van-field>
+          <div style="display: flex;width: 90%;margin: 20px auto 0;">
+            <van-field
+              v-model="formData.code"
+              left-icon="shield-o"
+              center
+              clearable
+              placeholder="图形验证码"
+            />
+            <div style="border-radius: 100vh;width: 120px;margin-left: 20px;overflow: hidden;flex-shrink: 0;">
+              <img style="width: 120px;display: block;transform: scale(1.1);" :src="codeUrl" @click="getCode" />
+            </div>
+          </div>
           <van-checkbox style="float: left;margin-top:10px;margin-left:20px;" v-model="formData.rememberMe" shape="square">{{showMessage ? "记住手机号" : "记住密码"}}</van-checkbox>
           <p style="float: right;margin-top:10px;margin-right:20px;color:#1D6FE9 ">忘记密码</p>
           <div class="clear"></div>
-          <div style="margin: 50px 16px 16px;">
-            <van-button block type="info" native-type="submit" @click="handleLogin">登录</van-button>
+          <div style="margin: 50px 16px 16px;border-radius: 100vh;overflow: hidden;">
+            <van-button block type="info" color="linear-gradient(to right, #97eedc, #5166f5)" native-type="submit" @click="handleLogin">登录</van-button>
 <!--            <p style="text-align: center;margin-top: 20px;color:#878787 " @click="showMessagePop">短信验证码登录</p>-->
           </div>
         </van-form>
       </van-tab>
       <van-tab title="短信登录" name="2">
-        <van-form style="margin:50px 0;">
+        <van-form style="padding:30px 0;height: 100vh;">
           <van-field
             v-model="formData.mobile"
+            left-icon="contact-o"
             name="请输入手机号"
             placeholder="请输入手机号"
             :rules="[{ required: true, message: '' }]"
           />
-          <van-field
-            v-model="formData.code"
-            center
-            clearable
-            label="验证码"
-            placeholder="图形验证码"
-          >
-            <template #button>
-              <img style="width: 100px" :src="codeUrl" @click="getCode" />
-            </template>
-          </van-field>
-          <div style="margin: 50px 16px 16px;">
-            <van-button block type="info" native-type="submit" @click="getSmsCode">获取验证码</van-button>
+          <div style="display: flex;width: 90%;margin: 20px auto 0;">
+            <van-field
+              v-model="formData.code"
+              left-icon="shield-o"
+              center
+              clearable
+              placeholder="图形验证码"
+            />
+            <div style="border-radius: 100vh;width: 120px;margin-left: 20px;overflow: hidden;flex-shrink: 0;">
+              <img style="width: 120px;display: block;transform: scale(1.1);" :src="codeUrl" @click="getCode" />
+            </div>
+          </div>
+          <div style="margin: 50px 16px 16px;border-radius: 100vh;overflow: hidden;">
+            <van-button block type="info" color="linear-gradient(to right, #97eedc, #5166f5)" native-type="submit" @click="getSmsCode">获取验证码</van-button>
 <!--            <p style="text-align: center;margin-top: 20px;color:#878787 " @click="showMessagePop">密码登录</p>-->
           </div>
         </van-form>
@@ -141,54 +146,90 @@
     </van-popup>
   </div>
 </template>
-<style scoped>
+<style scoped lang="scss">
   .app-container{
-    background: #fff;
+    background: #fafafa url("../../static/images/yinnong/login_bg.png") no-repeat top;
+    background-size: 100% auto;
     height: 100vh;
+    overflow: hidden;
   }
-  .title{
-    /*padding-top: 20%;*/
-    width: 100%;
-    margin: 0 auto;
+  /deep/ .van-tabs__content{
+    background: #ffffff;
+    margin-top: -1px;
+    border-radius: 20PX;
   }
-  .van-tab--active{
-    font-size: .6rem;
-    font-weight: bold;
+  /deep/ .van-tabs__nav{
+    background: transparent;
   }
-  .van-tabs__line{
-    background:#1D6FE9;
-    width: 0.15rem;
-    height: 0.15rem;
-    border-radius: 0.07rem;
-    bottom: 0.3rem;
+  /deep/ .van-tab--active{
+    background: #fff;
   }
-  .van-tabs__nav{
-    padding:0
+  /deep/ .van-tab::after{
+    display: none;
   }
-  .van-tab{
-    display: inline-block;
-    flex: inherit;
-    margin-left: 30px;
-    line-height: .8rem;
+  /deep/ .van-tabs__wrap{
+    overflow: initial;
   }
-  .van-tab__text--ellipsis {
-    overflow: auto;
+  /deep/ .van-tabs__line{
+    background: linear-gradient(to right, #5166f5, #97eedc);
   }
-  .van-password-input{
-    width: 50%;
-    margin: 0 auto;
+  /deep/ .van-tab:nth-child(1)::before{
+    content: "";
+    position: absolute;
+    left: auto;
+    top: 0;
+    right: -19%;
+    bottom: 0;
+    background: url("../../static/images/yinnong/login_tab_icon.png") no-repeat center;
+    background-size: 100% 100%;
+    width: 20%;
+  }
+  /deep/ .van-tab.van-tab--active:nth-child(1)::after{
+    content: "";
+    position: absolute;
+    left: 0;
+    top: auto;
+    right: auto;
+    bottom: -19PX;
+    background: #ffffff;
+    width: 20PX;
+    height: 20PX;
+    display: block;
+  }
+  /deep/ .van-tab:nth-child(2)::before{
+    content: "";
+    position: absolute;
+    left: -19%;
+    top: 0;
+    right: auto;
+    bottom: 0;
+    background: url("../../static/images/yinnong/login_tab_icon_right.png") no-repeat center;
+    background-size: 100% 100%;
+    width: 20%;
   }
-  [class*=van-hairline]::after{
-    border:none;
+  /deep/ .van-tab.van-tab--active:nth-child(2)::after{
+    content: "";
+    position: absolute;
+    left: auto;
+    top: auto;
+    right: 0;
+    bottom: -19PX;
+    background: #ffffff;
+    width: 20PX;
+    height: 20PX;
+    display: block;
   }
-  .van-password-input__security li{
-    margin: 0 10px;
-    border-bottom: 3px solid black;
+  /deep/ .van-cell{
+    background: #eaeef6;
+    border-radius: 100vh;
+    width: 90%;
+    margin: 0 auto;
   }
-  .registerSmsBtn{
-    color: rgb(29, 111, 233);
-    font-size: 0.34rem;
 
+  .title{
+    padding-top: 15%;
+    width: 100%;
+    margin: 0 auto;
   }
 </style>
 <script>