no message

components/en-utils/en-tab/en-tab.vue

@@ -0,0 +1,79 @@
+<template>
+  <view class="tab-box">
+    <view class="tab-item">
+      <view class="tab-content">
+        <image class="tab-img" src="/static/img/tabBar/home-select.png"></image>
+        <view class="tab-text sys-size-24 text-color-dominant sys-weight-500">工作台</view>
+      </view>
+    </view>
+    <view class="tab-item">
+      <view class="tab-content">
+        <image class="tab-img" src="/static/img/tabBar/home-select.png"></image>
+        <view class="tab-text sys-size-24 text-color-dominant sys-weight-500">任务</view>
+      </view>
+    </view>
+    <view class="tab-item">
+      <view class="tab-content">
+        <image class="tab-img" src="/static/img/tabBar/home-select.png"></image>
+        <view class="tab-text sys-size-24 text-color-dominant sys-weight-500">贷后</view>
+      </view>
+    </view>
+    <view class="tab-item">
+      <view class="tab-content">
+        <image class="tab-img" src="/static/img/tabBar/home-select.png"></image>
+        <view class="tab-text sys-size-24 text-color-dominant sys-weight-500">统计</view>
+      </view>
+    </view>
+
+
+
+  </view>
+</template>
+
+<script>
+export default {
+  name:'en-tab',
+  props:{
+    'tabIndex':{
+      default:1
+    }
+  },
+  data() {
+    return {};
+  },
+
+}
+</script>
+
+<style lang="scss">
+.tab-box{
+  display: flex;
+  justify-content: space-between;
+  height: 120rpx;
+  padding-bottom: 14rpx;
+
+  .tab-item{
+    width: 25%;
+    display: flex;
+    justify-content: center;
+    .tab-content{
+      padding-top: 25rpx;
+      width: 108rpx;
+      height: 120rpx;
+      box-sizing: border-box;
+      box-shadow: 0 4rpx 20rpx 0 rgba(192,192,192,0.55);
+      border-radius: 0 0 100rpx 100rpx;
+      .tab-img{
+        width: 42rpx;
+        height: 42rpx;
+        margin-left: 38rpx;
+      }
+      .tab-text{
+        text-align: center;
+      }
+    }
+
+  }
+}
+
+</style>

package-lock.json

@@ -1,189 +1,6 @@
 {
-  "name": "wh-new-xcx",
-  "lockfileVersion": 2,
   "requires": true,
-  "packages": {
-    "": {
-      "dependencies": {
-        "animate.css": "^4.1.1",
-        "js-base64": "^3.7.2",
-        "jweixin-module": "^1.2.0",
-        "uni-read-pages": "^1.0.5",
-        "uni-simple-router": "^2.0.7",
-        "uploading-oss": "^1.0.3",
-        "wecomjsdk": "^1.0.2"
-      },
-      "devDependencies": {
-        "@types/html5plus": "^1.0.2",
-        "@types/uni-app": "^1.4.4",
-        "vue-waterfall-easy": "^2.4.4"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.19.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.0.tgz",
-      "integrity": "sha512-74bEXKX2h+8rrfQUfsBfuZZHzsEs6Eql4pqy/T4Nn6Y9wNPggQOqD6z6pn5Bl8ZfysKouFZT/UXEH94ummEeQw==",
-      "dev": true,
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@types/html5plus": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@types/html5plus/-/html5plus-1.0.2.tgz",
-      "integrity": "sha512-OklP5lrmLq8/6TUOLgWc0LndUVvAiTWX5dnyoCFhIUtFW9opWsnCtG/UxPgeuC28Rv2XNbFfft/hEEI39P/4Ag==",
-      "dev": true
-    },
-    "node_modules/@types/uni-app": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/@types/uni-app/-/uni-app-1.4.4.tgz",
-      "integrity": "sha512-ZTXnrCTblZyoLIoKbTv1Whz1nxrTcM7vg0qGXzDpXP8m9MqdjKt48N3FffQT1IsJWNkxbvJ1Eg5UHDaq+k+oBQ==",
-      "dev": true,
-      "dependencies": {
-        "vue": "^2.6.8"
-      }
-    },
-    "node_modules/@vue/compiler-sfc": {
-      "version": "2.7.10",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.10.tgz",
-      "integrity": "sha512-55Shns6WPxlYsz4WX7q9ZJBL77sKE1ZAYNYStLs6GbhIOMrNtjMvzcob6gu3cGlfpCR4bT7NXgyJ3tly2+Hx8Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/parser": "^7.18.4",
-        "postcss": "^8.4.14",
-        "source-map": "^0.6.1"
-      }
-    },
-    "node_modules/animate.css": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmmirror.com/animate.css/-/animate.css-4.1.1.tgz",
-      "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
-    },
-    "node_modules/crypto-js": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz",
-      "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
-    },
-    "node_modules/csstype": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
-      "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==",
-      "dev": true
-    },
-    "node_modules/js-base64": {
-      "version": "3.7.5",
-      "resolved": "https://registry.npmmirror.com/js-base64/-/js-base64-3.7.5.tgz",
-      "integrity": "sha512-3MEt5DTINKqfScXKfJFrRbxkrnk2AxPWGBL/ycjz4dK8iqiSJ06UxD8jh8xuh6p10TX4t2+7FsBYVxxQbMg+qA=="
-    },
-    "node_modules/jweixin-module": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmmirror.com/jweixin-module/-/jweixin-module-1.6.0.tgz",
-      "integrity": "sha512-dGk9cf+ipipHmtzYmKZs5B2toX+p4hLyllGLF6xuC8t+B05oYxd8fYoaRz0T30U2n3RUv8a4iwvjhA+OcYz52w=="
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
-      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
-      "dev": true,
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-      "dev": true
-    },
-    "node_modules/postcss": {
-      "version": "8.4.16",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
-      "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
-      "dev": true,
-      "dependencies": {
-        "nanoid": "^3.3.4",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/uni-read-pages": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmmirror.com/uni-read-pages/-/uni-read-pages-1.0.5.tgz",
-      "integrity": "sha512-GkrrZ0LX0vn9R5k6RKEi0Ez3Q3e2vUpjXQ8Z6/K/d28KudI9ajqgt8WEjQFlG5EPm1K6uTArN8LlqmZTEixDUA==",
-      "hasInstallScript": true
-    },
-    "node_modules/uni-simple-router": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmmirror.com/uni-simple-router/-/uni-simple-router-2.0.7.tgz",
-      "integrity": "sha512-8FKv5dw7Eoonm0gkO8udprrxzin0fNUI0+AvIphFkFRH5ZmP5ZWJ2pvnWzb2NiiqQSECTSU5VSB7HhvOSwD5eA=="
-    },
-    "node_modules/uploading-oss": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/uploading-oss/-/uploading-oss-1.0.3.tgz",
-      "integrity": "sha512-aqHh5NCOBcrA4d8yCIKR7B9GrKzH88X7gL8BSvIw18pi79AgWnhDkCoyjQmDqzTvjQqYfKwyFTEgnafzMx/GbQ==",
-      "dependencies": {
-        "crypto-js": "^4.1.1",
-        "js-base64": "^2.6.4"
-      }
-    },
-    "node_modules/uploading-oss/node_modules/js-base64": {
-      "version": "2.6.4",
-      "resolved": "https://registry.npmmirror.com/js-base64/-/js-base64-2.6.4.tgz",
-      "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
-    },
-    "node_modules/vue": {
-      "version": "2.7.10",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.10.tgz",
-      "integrity": "sha512-HmFC70qarSHPXcKtW8U8fgIkF6JGvjEmDiVInTkKZP0gIlEPhlVlcJJLkdGIDiNkIeA2zJPQTWJUI4iWe+AVfg==",
-      "dev": true,
-      "dependencies": {
-        "@vue/compiler-sfc": "2.7.10",
-        "csstype": "^3.1.0"
-      }
-    },
-    "node_modules/vue-waterfall-easy": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/vue-waterfall-easy/-/vue-waterfall-easy-2.4.4.tgz",
-      "integrity": "sha512-5OkpT2FPNC3rHBy858zk/nmJxqdPaGmj/KVbmA6dgcvtsovKMa+zuf/Z7F+S2NnObeavpIBztTWgcH3S42ZD+g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6.0.0",
-        "npm": ">= 3.0.0"
-      }
-    },
-    "node_modules/wecomjsdk": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmmirror.com/wecomjsdk/-/wecomjsdk-1.0.2.tgz",
-      "integrity": "sha512-nPbrTcA5P8IOY/gQJJ3/AtXE2zSqJIQB156RUAQ2+RvwvJmcR66p7hpZtCjbtKefvyDO0LJBdEFqfjRR72zjIw=="
-    }
-  },
+  "lockfileVersion": 1,
   "dependencies": {
     "@babel/parser": {
       "version": "7.19.0",

pages.json

@@ -1,15 +1,15 @@
 {
   "pages": [
     {
-      "path": "pages/login/index",
+      "path": "pages/index/index",
       "style": {
-        "navigationBarTitleText": "登陆"
+        "navigationBarTitleText": "首页"
       }
     },
     {
-      "path": "pages/index/index",
+      "path": "pages/login/index",
       "style": {
-        "navigationBarTitleText": "首页"
+        "navigationBarTitleText": "登陆"
       }
     },
     {
@@ -20,32 +20,30 @@
       }
     },
     {
-  "path": "pages/login/forget",
-  "style": {
-    "navigationBarTitleText": "",
-    "enablePullDownRefresh": false
-  }
-}
-    ,
+      "path": "pages/login/forget",
+      "style": {
+        "navigationBarTitleText": "",
+        "enablePullDownRefresh": false
+      }
+    },
     {
-  "path": "pages/login/await-audit",
-  "style": {
-    "navigationBarTitleText": "",
-    "enablePullDownRefresh": false
-  }
-}
-    ,
+      "path": "pages/login/await-audit",
+      "style": {
+        "navigationBarTitleText": "",
+        "enablePullDownRefresh": false
+      }
+    },
     {
-  "path": "pages/test/index",
-  "style": {
-    "navigationBarTitleText": "",
-    "enablePullDownRefresh": false
-  }
-}
+      "path": "pages/test/index",
+      "style": {
+        "navigationBarTitleText": "",
+        "enablePullDownRefresh": false
+      }
+    }
   ],
   "globalStyle": {
     "navigationBarTextStyle": "black",
-    "navigationBarTitleText": "uni-app",
+    "navigationBarTitleText": "万汇融通云",
     "navigationBarBackgroundColor": "#F8F8F8",
     "backgroundColor": "#F8F8F8",
     "navigationStyle": "custom"
@@ -57,7 +55,7 @@
         "name": "注册",
         "path": "pages/login/register",
         "query": ""
-		},
+      },
       {
         "name": "审核",
         "path": "pages/login/await-audit",
@@ -69,5 +67,5 @@
         "query": ""
       }
     ]
-	}
+  }
 }

pages/index/index.vue

@@ -1,16 +1,25 @@
 <template>
-	<view class="box-data" >
-    测试环境开始
+	<view class="page-box page-box-bg-fff" >
+    <view class="top-data"></view>
+    <view class="content-data "></view>
+    <view class="bottom-data  sys-background-fff">
+      <en-tab ></en-tab>
+    </view>
 	</view>
 
 </template>
 <script>
 
 
+  import EnNav from "@/components/en-utils/en-nav/en-nav.vue";
+  import EnTab from "@/components/en-utils/en-tab/en-tab.vue";
+
   export default {
 		components: {
+      EnTab,
+      EnNav
 
-		},
+    },
 		data() {
 			return {
 
@@ -20,7 +29,15 @@
 
 
 		},
-
+    onPageScroll(e) {
+      if(e.scrollTop > 10){
+        this.bgckgroundBox = '#16BB5D';
+        this.isScroll = true;
+      }else{
+        this.bgckgroundBox = 'transparent';
+        this.isScroll = false;
+      }
+    },
 		mounted() {
 
 		},
@@ -31,6 +48,25 @@
 	}
 </script>
 <style lang="scss" scoped>
+.page-box{
+  height: 100vh;
+  background-image: url("https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/index/index-bg.png?imageMogr2/quality/20");
+  background-repeat: no-repeat;
+  background-size: 100% auto;
+  display: flex;
+  flex-direction: column;
+  .top-data{
+
+  }
+  .content-data{
+    flex: 1;
+    overflow: hidden;
+  }
+  .bottom-data{
+
+  }
+
+}
 
 
 </style>

static/css/common.css

@@ -126,3 +126,8 @@
 .text-center{
     text-align: center;
 }
+
+
+.sys-tab-height{
+    height: 134rpx;
+}

static/css/default-color.scss

@@ -1,16 +1,23 @@
 //背景颜色
+.page-box {
+  background-color: #EEF1F7;
+}
+.page-box-bg-fff {
+  background-color: #fff;
+}
 .page-box .sys-background-dominant{
   background-color: #10B261;;
 }
 .page-box .sys-background-fff{
-  background-color: #fff;;
+  background-color: #fff;
 }
 .page-box .sys-from-background-color{
   background: #F7F9FE;
 }
-.page-box {
-  background-color: #EEF1F7;
+.page-box .sys-list-background-color{
+  background: #F7F9FE;
 }
+
 //字体颜色
 //主字体颜色
 .page-box .text-color-dominant{