Merge branch 'cc-wap' of http://git.lcpcp.cc/root/bn-q-icon into cc-wap

common/css/common.css

@@ -1,55 +1,696 @@
-body {
-  background-color: #F5F5F5;
+body{
+    margin: 0;
+    padding: 0;
+    font-size: 16rpx;
+    background: rgb(246, 247, 250);
+}
+.black-custom-img{
+    width: 160rpx;
+    height: 160rpx;
+}
+.black-custom-img-1{
+    width: 60rpx;
+    height: 1rpx;
+}
+
+/* 隐藏scroll-view 滚动条 */
+::-webkit-scrollbar {
+    display: none;
+}
+
+/* 不换行 */
+.view-nowrap{
+    white-space: nowrap;
+}
+/* 数字和文字不自动换行 */
+.overflowWrap{
+    overflowWrap:break-word;
+    word-break: break-all;
+}
+/* 自动换行 */
+.view-word-wrap{
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+/*超出三行... */
+.text-overflow-ellipsis-t {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    line-clamp: 3;
+    -webkit-box-orient: vertical;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/*超出两行... */
+.text-overflow-ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/*超出一行... */
+.text-overflow-ellipsis-one {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+}
+/* 内部盒子 */
+.box-border-box{
+    box-sizing: border-box;
+}
+
+.flex-common-css {
+    width: 100%;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+.flex-index-css {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+.flex-direction-column {
+    display: flex;
+    flex-direction: column;
+}
+.display-flex {
+    display: flex;
+}
+.flex-justify-space {
+    display: flex;
+    justify-content: space-between;
+}
+
+.flex-justify-around {
+    display: flex;
+    justify-content: space-around;
+}
+
+.flex-justify-center {
+    display: flex;
+    justify-content: center;
+}
+.flex-justify-end {
+    display: flex;
+    justify-content: flex-end;
+}
+.flex-justify-start {
+    display: flex;
+    justify-content: flex-start;
+}
+.align-items-start {
+    display: flex;
+    align-items: flex-start;
+}
+.align-items-center {
+    display: flex;
+    align-items: center;
+}
+.align-items-flex-end {
+    display: flex;
+    align-items: flex-end;
+}
+.flex-wrap-wrap {
+    display: flex;
+    flex-wrap: wrap;
+}
+.common-view-css{
+    width: 100%;
+    flex: 1;
+}
+.scroll-view-css {
+    width: 100%;
+    flex: 1;
+    overflow: auto;
+}
+.box-sizing-border {
+    box-sizing: border-box;
+}
+.text-align-center {
+    text-align: center;
+}
+.text-align-right {
+    text-align: right;
+}
+.text-align-left {
+    text-align: left;
+}
+.flex-1{
+    flex: 1;
+}
+.flex-shrink0{
+    flex-shrink: 0;
 }
 
-view,
-text {
-  font-size: 16px;
-  color: #333;
+/* 字体大小 */
+.fs-12{
+    font-size: 12rpx;
+}
+.fs-14{
+    font-size: 14rpx;
+}
+.fs-15{
+    font-size: 15rpx;
+}
+.fs-16{
+    font-size: 16rpx;
+}
+.fs-17{
+    font-size: 17rpx;
+}
+.fs-18{
+    font-size: 18rpx;
+}
+.fs-20{
+    font-size: 20rpx;
+}
+.fs-22{
+    font-size: 22rpx;
+}
+.fs-24{
+    font-size: 24rpx;
+}
+.fs-26{
+    font-size: 26rpx;
+}
+.fs-28{
+    font-size: 28rpx;
+}
+.fs-30{
+    font-size: 30rpx;
+}
+.fs-32{
+    font-size: 32rpx;
+}
+.fs-34{
+    font-size: 34rpx;
+}
+.fs-36{
+    font-size: 36rpx;
+}
+.fs-40{
+    font-size: 40rpx;
+}
+.fs-44{
+    font-size: 44rpx;
+}
+.fs-48{
+    font-size: 48rpx;
+}
+.fs-52{
+    font-size: 52rpx;
+}
+.fs-64{
+    font-size: 64rpx;
+}
+.fs-72{
+    font-size: 72rpx;
+}
+/* 字体粗细 */
+.fw-b{
+    font-weight: bold;
+}
+.fw-400{
+    font-weight: 400;
+}
+.fw-500{
+    font-weight: 500;
+}
+.fw-600{
+    font-weight: 600;
+}
+/* 圆角 */
+
+.br-r-8{
+    border-radius: 8rpx;
+}
+
+.br-r-16{
+    border-radius: 16rpx;
+}
+.br-r-20{
+    border-radius: 20rpx;
+}
+
+/* 字体颜色 */
+.fc-f{
+    color: #fff;
+}
+.fc-0{
+    color: #000;
+}
+.fc-3{
+    color: #333;
+}
+.fc-6{
+    color: #666;
+}
+.fc-858585{
+    color: #858585;
+}
+.fc-9{
+    color: #999;
+}
+.fc-794B06{
+    color: #794B06;
+}
+.fc-FFDDA1{
+    color: #FFDDA1;
+}
+.fc-16BB5D{
+    color: #16BB5D;
+}
+.fc-4BC285{
+    color: #4BC285;
+}
+.fc-13984C{
+    color: #13984C;
+}
+.fc-34C759{
+    color: #34C759;
+}
+.fc-ED301D{
+    color: #ED301D;
+}
+.fc-FF3B30{
+    color: #FF3B30;
+}
+.fc-f78820{
+    color: #f78820;
+}
+.fc-ED930F{
+    color: #ED930F;
+}
+.fc-FF9D00{
+    color: #FF9D00;
+}
+.fc-FE9E11{
+    color: #FE9E11;
+}
+.fc-3489FF{
+    color: #3489FF;
+}
+.fc-358AFD{
+    color:#358AFD;
+    font-weight: 600;
+}
+.fc-27AE60{
+    color: #27AE60;
+}
+.fc-9198A2{
+    color: #9198A2;
+}
+.fc-2F80ED{
+    color: #2F80ED;
+}
+.fc-632611{
+    color: #632611;
+}
+.fc-8C5E0B{
+    color: #8C5E0B;
+}
+.fc-2680EB{
+    color: #2680EB;
+}
+.fc-4C96EF{
+    color: #4C96EF;
+}
+.fc-1778FD{
+    color: #1778FD;
+}
+.fc-C6DBFE{
+    color: #C6DBFE;
+}
+.fc-7B7D82{
+    color: #7B7D82;
+}
+/* 背景颜色 */
+.bgc-f{
+    background-color: #fff;
+}
+.bgc-c{
+    background-color: #ccc;
+}
+.bgc-3{
+    background-color: #333;
+}
+.bgc-9{
+    background-color: #999;
+}
+.bgc-F5F5F5{
+    background-color: #F5F5F5;
+}
+.bgc-F6F7FA{
+    background-color: #F6F7FA;
+}
+.bgc-F6F6F6{
+    background-color: #F6F6F6;
+}
+.bgc-27AE60{
+    background-color: #27AE60;
+}
+.bgc-A2E4BE{
+    background-color: #A2E4BE;
+}
+.bgc-16BB5D{
+    background-color: #16BB5D;
+}
+.bgc-E8F9EF{
+    background-color: #E8F9EF;
+}
+.bgc-3489FF{
+    background-color: #3489FF;
+}
+.bgc-E2EEFF{
+    background-color: #E2EEFF;
+}
+.bgc-1778FD{
+    background-color: #1778FD;
+}
+.bgc-EAF4FD{
+    background-color: #EAF4FD;
+}
+.bgc-4FB3EF{
+    background-color: #4FB3EF;
+}
+.bgc-B3DDFB{
+    background-color: #B3DDFB;
+}
+.bgc-f1f9fe{
+    background-color: #f1f9fe;
+}
+.bgc-1989F9{
+    background-color: #1989F9;
+}
+.bgc-ADCDFE{
+    background-color: #ADCDFE;
+}
+.bgc-F5F4F9{
+    background-color: #F5F4F9;
+}
+.bgc-F7F7F7{
+    background-color: #F7F7F7;
+}
+.bgc-F6F7FB{
+    background-color: #F6F7FB;
+}
+.bgc-FE9E11{
+    background: #FE9E11;
 }
 
-image {
-  display: block;
+/* 内边距 */
+.pb-10{
+    padding-bottom: 10rpx;
+}
+.pb-20{
+    padding-bottom: 20rpx;
+}
+.pb-30{
+    padding-bottom: 30rpx;
+}
+.pb-32{
+    padding-bottom: 32rpx;
+}
+.pb-24{
+    padding-bottom: 24rpx;
+}
+.p-10{
+    padding: 10rpx;
+}
+.p-16{
+    padding: 16rpx;
+}
+.p-20{
+    padding: 20rpx;
+}
+.p-24{
+    padding: 24rpx;
+}
+.p-30{
+    padding: 30rpx;
+}
+.p-32{
+    padding: 32rpx;
+}
+.p-40{
+    padding: 40rpx;
+}
+.p-46{
+    padding: 46rpx;
+}
+.pl-20{
+    padding-left: 20rpx;
+}
+.plr-20{
+    padding: 0 20rpx;
+}
+.plr-24{
+    padding: 0 24rpx;
+}
+.plr-32{
+    padding: 0 32rpx;
+}
+.plr-40{
+    padding: 0 40rpx;
+}
+.plr-38{
+    padding: 0 38rpx;
+}
+.pr-8{
+    padding-right: 8rpx;
+}
+.pt-24 {
+    padding-top: 24rpx;
+}
+.pt-10{
+    padding-top: 10rpx;
+}
+.pt-7{
+    padding-top: 7rpx;
+}
+.pt-5{
+     padding-top: 5rpx;
+ }
+/* 外边距 */
+.m-24{
+    margin: 24rpx;
 }
 
-/* 原价 */
-.original-price {
-  font-size: 12px;
-  text-decoration: line-through;
-  color: #999999;
+.ml-8{
+    margin-left: 8rpx;
+}
+.ml-10{
+    margin-left: 10rpx;
+}
+.ml-16{
+    margin-left: 16rpx;
+}
+.ml-20{
+    margin-left: 20rpx;
+}
+.ml-26{
+    margin-left: 26rpx;
+}
+.ml-30{
+    margin-left: 30rpx;
+}
+.ml-40{
+    margin-left: 40rpx;
+}
+.mt-4{
+    margin-top: 4rpx;
+}
+.mt-7{
+    margin-top: 7rpx;
+}
+.mt-8{
+    margin-top: 8rpx;
+}
+.mt-10{
+    margin-top: 10rpx;
+}
+.mt-17{
+    margin-top: 17rpx;
+}
+.mt-20{
+    margin-top: 20rpx;
+}
+.mt-30{
+    margin-top: 30rpx;
+}
+.mb-2{
+    margin-bottom: 2rpx;
+}
+.mb-8{
+    margin-bottom: 8rpx;
+}
+.mb-10{
+    margin-bottom: 10rpx;
+}
+.mb-13{
+    margin-bottom: 13rpx;
+}
+.mb-16{
+    margin-bottom: 16rpx;
+}
+.mb-18{
+    margin-bottom: 18rpx;
+}
+.mb-24{
+    margin-bottom: 24rpx;
+}
+.mb-30{
+    margin-bottom: 30rpx;
+}
+.mb-32{
+    margin-bottom: 32rpx;
+}
+.mb-40{
+    margin-bottom: 40rpx;
+}
+.mb-50{
+    margin-bottom: 50rpx;
+}
+.mb-56{
+    margin-bottom: 56rpx;
+}
+.mb-64{
+    margin-bottom: 64rpx;
+}
+.mb-80{
+    margin-bottom: 80rpx;
+}
+.mb-100{
+    margin-bottom: 100rpx;
 }
 
-.text-two-hidden {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  word-break: break-all;
 
+.mr-4{
+    margin-right: 4rpx;
+}
+.mr-6{
+    margin-right: 6rpx;
+}
+.mr-8{
+    margin-right: 8rpx;
+}
+.mr-10{
+    margin-right: 10rpx;
+}
+.mr-16{
+    margin-right: 16rpx;
+}
+.mr-20{
+    margin-right: 20rpx;
+}
+.mr-22{
+    margin-right: 22rpx;
+}
+.mr-24{
+    margin-right: 24rpx;
+}
+.mr-26{
+    margin-right: 26rpx;
+}
+.mr-30{
+    margin-right: 30rpx;
+}
+.mr-40{
+    margin-right: 40rpx;
+}
+.mr-50{
+    margin-right: 50rpx;
+}
+.mr-68{
+    margin-right: 68rpx;
+}
+.mr-90{
+    margin-right: 90rpx;
 }
 
-.top-border {
-  border-top: 1px solid #e6e7e9;
+.mt-80{
+    margin-top: 80rpx;
+}
+.m-t-40{
+    margin-top: 40rpx;
+}
+.mb-4{
+    margin-bottom: 4rpx;
+}
+.m-b-20{
+    margin-bottom: 20rpx;
+}
+.m-b-32{
+    margin-bottom: 32rpx;
+}
+.m-b-72{
+    margin-bottom: 72rpx;
 }
 
-.bottom-border {
-  border-bottom: 1px solid #e6e7e9;
+.mb-20{
+    margin-bottom: 20rpx;
+}
+.pb-30{
+    padding-bottom: 30rpx;
+}
+.border-9 {
+    border: 1rpx solid #999999;
+}
+.border-bottom-E6E7E9{
+    border-bottom: 1rpx solid #E6E7E9;
+}
+.border-bottom-e5e5e5{
+    border-bottom: 1rpx solid #e5e5e5;
+}
+.b-b-EEEEEE{
+    border-bottom: 1rpx solid #EEEEEE;
 }
 
-.placeholder-text {
-  color: #AEAEAE;
-  font-size: 14px;
-  font-weight: 400;
+.w-100{
+    width: 100rpx;
+}
+.w-200{
+    width: 200rpx;
 }
+.w-10030{
+    width: 30%;
+}
+.w-100100{
+    width: 100%;
+}
+
 
-.top-mar {
-  margin-top: 10px;
+.b-rad-200{
+    border-radius: 200rpx;
+}
+.b-rad-100{
+    border-radius: 100rpx;
+}
+.b-rad-20{
+    border-radius: 20rpx;
+}
+.b-rad-16{
+    border-radius: 16rpx;
+}
+.b-rad-10{
+    border-radius: 10rpx;
+}
+.b-rad-8{
+    border-radius: 8rpx;
 }
 
-.fixed {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 2;
-}
+.sc-img{
+    width: 40rpx;
+    height: 40rpx;
+}

common/router/router.js

@@ -9,7 +9,7 @@ const router = createRouter({
     routes: [...ROUTES]
 });
 //全局路由前置守卫
-const whiteList = ['/','/pages/index/error','/pages/login/register','/pages/login/index','/pages/index/index']
+const whiteList = ['/','/pages/login/register','/pages/login/index','/pages/login/invite','/pages/index/index']
 
 router.beforeEach((to, from, next) => {
     if(to.path!=='/pages/index/error'){
@@ -22,7 +22,7 @@ router.beforeEach((to, from, next) => {
             uni.setStorageSync('inviteCode',inviteCode);
         }
         const userToken = uni.getStorageSync('token')
-        if(!userToken  ){
+        if(!userToken){
             if(whiteList.indexOf(to.path)<0){
                 next('/pages/login/index');
             }

pages.json

@@ -8,39 +8,27 @@
 			}
 		},
 		{
-			"path": "pages/index/contract",
-			"style": {
-				"navigationBarTitleText": "BNBDAO"
-			}
-		},
-		{
-			"path": "pages/index/intro",
-			"style": {
-				"navigationBarTitleText": "BNBDAO"
-			}
-		},
-		{
-			"path": "pages/index/team",
+			"path": "pages/login/index",
 			"style": {
 				"navigationBarTitleText": "BNBDAO"
 			}
 		},
 		{
-			"path": "pages/login/index",
+			"path": "pages/login/invite",
 			"style": {
-				"navigationBarTitleText": "BNBDAO"
+				"navigationBarTitleText": "邀请"
 			}
 		},
 		{
-			"path": "pages/login/register",
+			"path": "pages/index/error",
 			"style": {
 				"navigationBarTitleText": "BNBDAO"
 			}
 		},
 		{
-			"path": "pages/index/error",
+			"path": "pages/my/inner-page/all_profit",
 			"style": {
-				"navigationBarTitleText": "BNBDAO"
+				"navigationBarTitleText": "总收益"
 			}
 		}
 	],

pages/convert/convert-index.vue

@@ -0,0 +1,96 @@
+<script>
+export default {
+  name: "convert-index",
+  components: {},
+  data() {
+    return {
+      input: ''
+    };
+  },
+  mounted() {
+  },
+  methods: {},
+}
+</script>
+
+<template>
+  <view class="bgc-f p-40 box-sizing-border b-rad-20">
+    <view class="bgc-F6F7FA b-rad-20 mb-20 p-20 box-sizing-border mb-20">
+      <view class="align-items-start flex-justify-space mb-20">
+        <view class="align-items-center">
+          <image
+              class="t-img mr-8"
+              :src="require('@/static/img/index/index/usdt.png')"
+              ></image>
+          <view class="fs-28">USDT</view>
+        </view>
+        <view class="max-box b-rad-20 fs-28">
+          Max 0.01
+        </view>
+      </view>
+      <view>
+        <input v-model="input" placeholder="输入要兑换的USDT数量" placeholder-class="fs-28"></input>
+      </view>
+    </view>
+    <view class="flex-direction-column align-items-center flex-justify-center mb-20">
+      <view class="fs-28">
+        FORM
+      </view>
+      <image
+          class="jh-img"
+          :src="require('@/static/img/index/index/jiaohuan.png')"
+          ></image>
+      <view class="fs-28">
+        TO
+      </view>
+    </view>
+    <view class="bgc-F6F7FA b-rad-20 mb-20 p-20 box-sizing-border mb-50">
+      <view class="align-items-start flex-justify-space mb-20">
+        <view class="align-items-center">
+          <image
+              class="logo-img mr-8"
+              :src="require('@/static/img/logo/logo.png')"
+              ></image>
+          <view class="fs-28">DAO</view>
+        </view>
+      </view>
+      <view class="fs-28">
+        0.02
+      </view>
+    </view>
+    <view class="convent-but b-rad-20 text-align-center fs-28 fc-f">
+      兑换
+    </view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+.t-img{
+  width: 70rpx;
+  height: 60rpx;
+}
+.max-box{ 
+  color: #0d81cf;
+  border: 2rpx solid #0d81cf;
+  padding: 6rpx 20rpx;
+}
+::v-deep .el-input__inner{
+  background-color: transparent;
+  border: none;
+  padding: 0;
+}
+.jh-img{
+  width: 60rpx;
+  height: 60rpx;
+}
+.logo-img{
+  width: 66rpx;
+  height: 50rpx;
+}
+.convent-but{
+  height: 80rpx;
+  background: #0d81cf;
+  color: #fff;
+  line-height: 80rpx;
+}
+</style>

pages/home/home-index.vue

@@ -0,0 +1,96 @@
+<script>
+export default {
+  name: "home-index",
+  components: {},
+  data() {
+    return {};
+  },
+  mounted() {
+  },
+  methods: {},
+}
+</script>
+
+<template>
+  <view>
+    <view class="bgc-f p-20 box-sizing-border b-rad-20 mb-40">
+      <image
+          class="head-img"
+          :src="require('@/static/img/index/index/bannerhome.png')"
+		   mode="widthFix"
+          ></image>
+    </view>
+    <view class="bgc-f p-20 box-sizing-border b-rad-20 mb-40">
+      <view class="b-rad-20 h-80 align-items-center bgc-f1f9fe">
+        <view class="flex-1 flex-direction-column align-items-center flex-justify-center">
+          <view class="fs-28 mb-4">
+            DAO價格($)
+          </view>
+          <view class="fs-28 fw-b">
+            0.13
+          </view>
+        </view>
+        <view class="flex-1 flex-direction-column align-items-center flex-justify-center">
+          <view class="fs-28 mb-4">
+            DAO餘額
+          </view>
+          <view class="fs-28 fw-b">
+            0.13
+          </view>
+        </view>
+        <view class="flex-1 flex-direction-column align-items-center flex-justify-center">
+          <view class="fs-28 mb-4">
+            贡献总额
+          </view>
+          <view class="fs-28 fw-b">
+            0.13
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="bgc-f p-20 box-sizing-border b-rad-20 mb-40">
+      <view class="fs-28 pt-5 mb-4">
+        贡献收益记录
+      </view>
+      <view class="bgc-F6F7FA">
+        <view class="item-box align-items-center flex-justify-space" v-for="item in 3" :key="item.id">
+          <view>
+            <view class="mb-4 fs-28 fw-b">贡献数量</view>
+            <view class="fs-24">2025-01-10</view>
+          </view>
+          <view class="align-items-center">
+            <view class="fs-24">奖励:</view>
+            <view class="fs-28 fc-ED301D">2.5</view>
+          </view>
+        </view>
+        <view class="h-50 text-align-center fs-28">
+          ~暂无记录
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+.head-img {
+  width: 100%;
+  // height: 128px;
+}
+.h-80{
+  height: 160rpx;
+}
+.h-50{
+  height: 100rpx;
+  line-height: 100rpx;
+}
+.item-box{
+  width: 100%;
+  height: 120rpx;
+  padding: 10rpx 20rpx;
+  box-sizing: border-box;
+  border-top: 2rpx solid #e5e5e5;
+}
+.item-box:first-child {
+  border-top: none;
+}
+</style>

pages/index/components/common-list.vue

@@ -1,150 +0,0 @@
-<template>
-  <view class="earning-box">
-    <en-list ref="contractObj" @getList="getList">
-      <template v-slot:listInfo="{pagingData}">
-        <view class="earning-list">
-          <view v-for="item in pagingData" class="item">
-            <view class="list-item">
-              <view class="item-line" >
-                <view class="item-text">{{$t('index.index.list.common.title')}}</view>
-                <view class="item-text text-two">
-                  <view class="text-img">
-                    <image src="@/static/img/index/bnb2.png"></image>
-                  </view>
-                  <view class="text">{{(item.money).toFixed(6)*1}}</view>
-                </view>
-              </view>
-
-              <view class="item-line" v-if="item.hash">
-                <view class="item-text">Hash</view>
-                <view class="item-text text-hash" @click="goToUrl(item.hash)">
-                  {{item.hash}}
-                </view>
-              </view>
-              <view class="item-line">
-                <view class="item-text">{{$t('index.index.list.common.num')}}</view>
-                <view class="item-text">{{item.out_num>0?item.out_num:$t('index.index.list.common.end')}}</view>
-              </view>
-
-
-              <view class="item-line">
-                <view class="item-text">{{$t('index.index.list.item.date')}}</view>
-                <view class="item-text">{{item.created_at}}</view>
-              </view>
-            </view>
-            <division class="division-item"></division>
-          </view>
-        </view>
-      </template>
-    </en-list>
-  </view>
-</template>
-
-<script>
-import EnList from "@/components/en-list/en-list";
-import {getContractList} from "@/api/contract";
-import Division from "@/pages/index/components/division";
-
-export default {
-  name: "common-list",
-  components: {Division, EnList},
-  props: {},
-  data() {
-    return {}
-  },
-  watch: {},
-  mounted() {
-
-  },
-  methods: {
-    goToUrl(tx){
-      window.location.href='https://bscscan.com/tx/'+tx
-    },
-    getList(page) {
-      let token=uni.getStorageSync('token')
-      if(token){
-        getContractList({'page': page}).then((res) => {
-          if (res.code === 1) {
-            this.$refs.contractObj.setList(res.data.items, res.data.total)
-            this.$emit('setTotal',res.data.total)
-          }
-        })
-
-      }else {
-        this.$refs.contractObj.setList([], 0)
-        this.$emit('setTotal',0)
-      }
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.earning-box {
-  .earning-list {
-    .list-item {
-      margin-top: 20rpx;
-
-      .item-line {
-        margin-bottom: 20rpx;
-        display: flex;
-        justify-content: space-between;
-
-        .item-text {
-          font-size: 26rpx;
-          color: rgb(177, 177, 177);
-          line-height: 42rpx;
-          height: 42rpx;
-        }
-        .text-hash{
-          max-width: 200rpx;
-          overflow-x:hidden;
-          text-overflow: ellipsis;
-        }
-
-        .text-two {
-          display: flex;
-          justify-content: right;
-
-          .text-img {
-            display: inline-block;
-            padding: 6rpx;
-            background: rgb(0, 87, 255);
-            border-radius: 50%;
-            height: 42rpx;
-            width: 42rpx;
-            box-sizing: border-box;
-
-            image {
-              width: 30rpx;
-              height: 30rpx;
-              z-index: 100;
-            }
-          }
-
-          .text {
-            margin-left: 10rpx;
-            font-size: 30rpx;
-          }
-        }
-      }
-
-      .line-text {
-        margin-bottom: 40rpx;
-
-        .item-text {
-          font-weight: bold;
-          font-size: 26rpx;
-          color: #222;
-        }
-      }
-    }
-    .item:last-child {
-      .division-item {
-        display: none;
-      }
-    }
-  }
-}
-
-</style>

pages/index/components/contract-list.vue

@@ -1,170 +0,0 @@
-<template>
-  <view class="earning-box">
-    <en-list ref="contractObj" @getList="getList">
-      <template v-slot:listInfo="{pagingData}">
-        <view class="earning-list">
-          <view v-for="item in pagingData" class="item">
-            <view class="list-item">
-              <view class="item-line">
-                <view class="item-text">BNB</view>
-              </view>
-              <view class="item-line line-text">
-                <view class="item-text">{{$t('index.index.list.item.title')}}</view>
-              </view>
-              <view class="item-line" >
-                <view class="item-text">Hash</view>
-                <view class="item-text text-hash" @click="goToUrl(item.hash)">
-                  {{item.hash}}
-                </view>
-              </view>
-              <view class="item-line">
-                <view class="item-text">BNB Number</view>
-                <view class="item-text text-two">
-                  <view class="text-img">
-                    <image src="@/static/img/index/bnb2.png"></image>
-                  </view>
-                  <view class="text">{{(item.money).toFixed(6)*1}}</view>
-                </view>
-              </view>
-              <view class="item-line" >
-                <view class="item-text">{{$t('index.index.list.item.status')}}</view>
-                <view class="item-text text-two">
-                  <view class="status-img ">
-                    <image v-if="item.status===1" src="@/static/img/contract/send.png"></image>
-                    <image v-else-if="item.status===2" src="@/static/img/contract/ok.png"></image>
-                    <image v-else-if="item.status===3" src="@/static/img/contract/no.png"></image>
-                    <image v-else src="@/static/img/contract/end.png"></image>
-                  </view>
-                  <view class="text">{{item.statusName}}</view>
-                </view>
-              </view>
-
-              <view class="item-line">
-                <view class="item-text">{{$t('index.index.list.item.date')}}</view>
-                <view class="item-text">{{item.created_at}}</view>
-              </view>
-            </view>
-            <division class="division-item"></division>
-          </view>
-        </view>
-      </template>
-    </en-list>
-  </view>
-</template>
-
-<script>
-import EnList from "@/components/en-list/en-list";
-import {getContractList, getEarnings} from "@/api/contract";
-import Division from "@/pages/index/components/division";
-
-export default {
-  name: "contract-list",
-  components: {Division, EnList},
-  props: {},
-  data() {
-    return {}
-  },
-  watch: {},
-  mounted() {
-
-  },
-  methods: {
-    goToUrl(tx){
-      window.location.href='https://bscscan.com/tx/'+tx
-    },
-    startList(){
-      this.$refs.contractObj.startList()
-    },
-    getList(page) {
-      getContractList({'page': page}).then((res) => {
-        if (res.code === 1) {
-          this.$refs.contractObj.setList(res.data.items, res.data.total)
-          this.$emit('setTotal',res.data.total)
-        }
-      })
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.earning-box {
-  .earning-list {
-    .list-item {
-      margin-top: 20rpx;
-
-      .item-line {
-        margin-bottom: 20rpx;
-        display: flex;
-        justify-content: space-between;
-
-        .item-text {
-          font-size: 26rpx;
-          color: rgb(177, 177, 177);
-          line-height: 42rpx;
-          height: 42rpx;
-        }
-        .text-hash{
-          max-width: 200rpx;
-          overflow-x:hidden;
-          text-overflow: ellipsis;
-        }
-
-        .text-two {
-          display: flex;
-          justify-content: right;
-          .text-img {
-            display: inline-block;
-            padding: 6rpx;
-            background: rgb(0, 87, 255);
-            border-radius: 50%;
-            height: 42rpx;
-            width: 42rpx;
-            box-sizing: border-box;
-            margin-right: 10rpx;
-            image {
-              width: 30rpx;
-              height: 30rpx;
-              z-index: 100;
-            }
-          }
-          .status-img{
-            display: inline-block;
-            border-radius: 50%;
-            height: 42rpx;
-            width: 42rpx;
-            box-sizing: border-box;
-            margin-right: 5rpx;
-            image {
-              width: 42rpx;
-              height: 42rpx;
-              z-index: 100;
-            }
-          }
-
-          .text {
-
-            font-size: 30rpx;
-          }
-        }
-      }
-
-      .line-text {
-        margin-bottom: 40rpx;
-
-        .item-text {
-          font-weight: bold;
-          font-size: 26rpx;
-          color: #222;
-        }
-      }
-    }
-    .item:last-child {
-      .division-item {
-        display: none;
-      }
-    }
-  }
-}
-
-</style>

pages/index/components/division.vue

@@ -1,31 +0,0 @@
-<template>
-  <view class="division-box">
-
-  </view>
-</template>
-
-<script>
-export default {
-  name: "division",
-  components: {},
-  props: {},
-  data() {
-    return {}
-  },
-  watch: {},
-  mounted() {
-
-  },
-  methods: {}
-}
-</script>
-
-<style scoped lang="scss">
-.division-box{
-  width: 100%;
-  height: 10rpx;
-  background-color: rgb(246, 247, 249);
-  margin-top: 40rpx;
-}
-
-</style>

pages/index/components/earning-list.vue

@@ -1,161 +0,0 @@
-<template>
-  <view class="earning-box">
-    <en-list ref="earningObj" @getList="getList">
-      <template v-slot:listInfo="{pagingData}">
-        <view class="earning-list">
-          <view v-for="item in pagingData" class="item">
-            <view class="list-item">
-              <view class="item-line">
-                <view class="item-text">BNB</view>
-              </view>
-              <view class="item-line line-text">
-                <view class="item-text">{{$t('index.index.list.item.title')}}</view>
-              </view>
-              <view class="item-line" v-if="item.hash">
-                <view class="item-text">Hash</view>
-                <view class="item-text text-hash" @click="goToUrl(item.hash)">
-                  {{item.hash}}
-                </view>
-              </view>
-              <view class="item-line" v-if="item.nbn_money>0">
-                <view class="item-text">BNB Number</view>
-                <view class="item-text text-two">
-                  <view class="text-img">
-                    <image src="@/static/img/index/bnb2.png"></image>
-                  </view>
-                  <view class="text">{{(item.nbn_money).toFixed(6)*1}}</view>
-                </view>
-              </view>
-              <view class="item-line" v-if="item.db_money>0">
-                <view class="item-text">{{$t('index.index.list.item.integral')}}</view>
-                <view class="item-text text-two">
-                  <view class="text-img">
-                    <image src="@/static/img/index/jf.svg"></image>
-                  </view>
-                  <view class="text">{{(item.db_money).toFixed(6)*1}}</view>
-                </view>
-              </view>
-              <view class="item-line">
-                <view class="item-text">{{$t('index.index.list.item.service')}}</view>
-                <view class="item-text">{{(item.service_money).toFixed(6)*1}}</view>
-              </view>
-              <view class="item-line">
-                <view class="item-text">{{$t('index.index.list.item.date')}}</view>
-                <view class="item-text">{{item.created_at}}</view>
-              </view>
-            </view>
-            <division class="division-item"></division>
-          </view>
-        </view>
-      </template>
-    </en-list>
-  </view>
-</template>
-
-<script>
-import EnList from "@/components/en-list/en-list";
-import {getEarnings} from "@/api/contract";
-import Division from "@/pages/index/components/division";
-
-export default {
-  name: "earning-list",
-  components: {Division, EnList},
-  props: {},
-  data() {
-    return {}
-  },
-  watch: {},
-  mounted() {
-
-  },
-  methods: {
-    goToUrl(tx){
-      window.location.href='https://bscscan.com/tx/'+tx
-    },
-    getList(page) {
-      let token=uni.getStorageSync('token')
-      if(token){
-        getEarnings({'page': page}).then((res) => {
-          if (res.code === 1) {
-            this.$refs.earningObj.setList(res.data.items, res.data.total)
-            this.$emit('setTotal',res.data.total)
-          }
-        })
-      }else {
-        this.$refs.earningObj.setList([], 0)
-        this.$emit('setTotal',0)
-      }
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.earning-box {
-  .earning-list {
-    .list-item {
-      margin-top: 20rpx;
-
-      .item-line {
-        margin-bottom: 20rpx;
-        display: flex;
-        justify-content: space-between;
-
-        .item-text {
-          font-size: 26rpx;
-          color: rgb(177, 177, 177);
-          line-height: 42rpx;
-          height: 42rpx;
-        }
-        .text-hash{
-          max-width: 200rpx;
-          overflow-x:hidden;
-          text-overflow: ellipsis;
-        }
-
-        .text-two {
-          display: flex;
-          justify-content: right;
-
-          .text-img {
-            display: inline-block;
-            padding: 6rpx;
-            background: rgb(0, 87, 255);
-            border-radius: 50%;
-            height: 42rpx;
-            width: 42rpx;
-            box-sizing: border-box;
-
-            image {
-              width: 30rpx;
-              height: 30rpx;
-              z-index: 100;
-            }
-          }
-
-          .text {
-            margin-left: 10rpx;
-            font-size: 30rpx;
-          }
-        }
-      }
-
-      .line-text {
-        margin-bottom: 40rpx;
-
-        .item-text {
-          font-weight: bold;
-          font-size: 26rpx;
-          color: #222;
-        }
-      }
-    }
-    .item:last-child {
-      .division-item {
-        display: none;
-      }
-    }
-  }
-}
-
-</style>

pages/index/components/top-head.vue

@@ -1,195 +0,0 @@
-<template>
-  <view class="head-box" :class="{'top-two':topType!==1}">
-    <view class="top-head">
-      <view class="head-item head-left" @click="goToUrl">
-        <view class="left-img">
-          <image src="@/static/img/index/logo1.png" mode="aspectFill"></image>
-        </view>
-        <view class="left-text">
-          <view class="item-item">BNBDAO</view>
-          <view class="item-item">WEB3 DATA</view>
-        </view>
-      </view>
-      <view class="head-item head-right">
-        <view class="right-img" @click.stop="setShowLang">
-          <image src="@/static/img/index/yy.svg" mode="aspectFill"></image>
-        </view>
-        <view class="right-text">{{ babAddress }}</view>
-      </view>
-    </view>
-    <view class="top-lang" :class="{'show-lang':showLang}">
-      <view class="lang-item" v-for="langItem in langList" @click.stop="setLocaleLang(langItem.name)">
-        {{ langItem.value }}
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-import tokenpocketBnb from "@/common/wallet/tokenpocket-wallet/tokenpocket-bnb";
-
-export default {
-  name: "top-head",
-  components: {},
-  props: {
-    topType:{
-      default:1
-    }
-  },
-  data() {
-    return {
-      langList: [
-          {'name': 'zh-Hans', 'value': '简体中文'},
-        {'name': 'en', 'value': 'English'},
-        // { 'name': 'ja',  'value': '日本語' },
-        {'name': 'ko', 'value': '한국어'}],
-      babAddress: '',
-      showLang:false
-    }
-  },
-  watch: {
-    'babAddress':function (){
-      this.$emit('setBabAddress',this.babAddress)
-    }
-  },
-  async mounted() {
-    this.applicationLocale = uni.getLocale();
-    if(this.$Route.query==='/pages/index/index'){
-      setTimeout(()=>{
-        this.getBabAddress()
-      },100)
-    }else {
-      await this.getBabAddress()
-    }
-  },
-  methods: {
-    async getBabAddress(){
-      this.babAddress =await tokenpocketBnb.getAccounts()
-    },
-    goToUrl() {
-      uni.navigateTo({
-        'url': 'pages/index/index'
-      })
-    },
-    setLocaleLang(code) {
-      uni.setLocale(code);
-      this.$i18n.locale = code;
-      this.applicationLocale = code;
-      this.showLang = false
-    },
-    setShowLang() {
-      this.showLang = !this.showLang
-    },
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.head-box {
-
-  .top-head {
-    display: flex;
-    justify-content: space-between;
-    height: 84rpx;
-    padding-left: 20rpx;
-
-    .head-item {
-      display: flex;
-      justify-content: left;
-    }
-
-    .head-left {
-      .left-img {
-        margin-top: 1rpx;
-
-        image {
-          width: 80rpx;
-          height: 80rpx;
-        }
-      }
-
-      .left-text {
-        padding-top: 5px;
-        margin-left: 10px;
-
-        .item-item {
-          font-size: 22rpx;
-          color: #fff;
-        }
-
-        .item-item:nth-of-type(1) {
-          font-size: 32rpx;
-          font-weight: bold;
-        }
-      }
-    }
-
-    .head-right {
-      justify-content: right;
-
-      .right-img {
-        width: 70rpx;
-        height: 70rpx;
-
-        image {
-          width: 70rpx;
-          height: 70rpx;
-        }
-      }
-
-      .right-text {
-        margin-left: 20rpx;
-        height: 70rpx;
-        line-height: 70rpx;
-        width: 200rpx;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        color: rgb(116, 132, 164);
-      }
-    }
-  }
-  .top-lang{
-    border-radius: 0 0 0 20rpx;
-    z-index: 1000;
-    position: absolute;
-    top:120rpx ;
-    right: 0;
-    width: 300rpx;
-    transition: 0.5s ease;
-    height: 0;
-    overflow: hidden;
-    background-color: rgba(0, 0, 0, 0.8);
-    .lang-item{
-      height: 100rpx;
-      display: flex;
-      align-items: center;
-      color: #fff;
-      font-size: 32rpx;
-      padding-left: 40rpx;
-      box-sizing: border-box;
-    }
-  }
-  .show-lang{
-    height: auto;
-    transition: 0.5s ease;
-  }
-
-
-}
-.top-two{
-  z-index: 1000;
-  background: #fff;
-  top: 0;
-  position: fixed;
-  width: 100vw;
-  padding: 20rpx 0;
-  box-shadow:  0 0 24rpx 0 rgba(0,0,0,0.16);
-  .item-item{
-    color: #222 !important;
-  }
-  .right-text{
-    color: rgb(0, 87, 255) !important;
-  }
-
-}
-</style>

pages/index/contract.vue

@@ -1,285 +0,0 @@
-<template>
-  <view class="contract-box">
-    <view class="contract-top">
-      <top-head :top-type="2"></top-head>
-    </view>
-    <view class="contract-data">
-      <view class="data-input">
-        <view class="input-item">
-          <view class="item-detail">{{$t('index.contract.num')}}</view>
-          <view class="item-detail" @click="getBnbNum">{{$t('index.contract.money')}}:{{bnbNum}}</view>
-        </view>
-        <view class="input-item">
-          <view class="item-detail">{{investData.invest_money}}</view>
-          <view class="item-detail item-img">
-            <view class="text-img">
-              <image src="@/static/img/index/bnb.png"></image>
-            </view>
-            <view class="text">BNB</view>
-          </view>
-        </view>
-      </view>
-      <view class="data-but">
-        <button @click="setInvest">{{$t('index.index.pay')}}</button>
-      </view>
-      <view v-if="false" class="data-button" @click="goToUrl(1)">
-        <image src="@/static/img/index/msg.svg"></image>
-        <view>{{$t('index.contract.word')}}>></view>
-      </view>
-    </view>
-    <view class="contract-list">
-      <view class="list-title">
-        <view class="title-img">
-          <image src="@/static/img/index/bnb2.png" mode="aspectFill"></image>
-        </view>
-        <view class="title-text">{{$t('index.contract.list.title')}}({{total}})</view>
-      </view>
-      <division></division>
-      <contract-list ref="contractListObj" @setTotal="setTotal"></contract-list>
-    </view>
-    <view class="contract-bottom"></view>
-  </view>
-</template>
-
-<script>
-
-import TopHead from "@/pages/index/components/top-head";
-import Division from "@/pages/index/components/division";
-import ContractList from "@/pages/index/components/contract-list";
-import {getInvestData, setInvest} from "@/api/contract";
-import tools from "@/common/js/tools";
-import tokenpocketBnb from "@/common/wallet/tokenpocket-wallet/tokenpocket-bnb";
-
-export default {
-  name: "contract",
-  components: { ContractList, Division, TopHead},
-  props: {},
-  data() {
-    return {
-      total:0,
-      bnbNum:0,
-      investData: {
-        id: 1,
-        invest_money: '',
-        sysAddress: "",
-        sendNum: "",
-      },
-    }
-  },
-  watch: {},
-  async mounted() {
-    this.getInvestData()
-    this.bnbNum = await tokenpocketBnb.getBalance();
-    this.bnbNum=(this.bnbNum*1).toFixed(6)*1
-  },
-  methods: {
-    async getBnbNum(){
-      this.bnbNum = await tokenpocketBnb.getBalance();
-    },
-    getInvestData() {
-      getInvestData().then((res) => {
-        if (res.code === 1) {
-          this.investData = res.data
-        } else {
-          tools.goToError(4)
-        }
-      }).catch((e) => {
-        tools.goToError(4)
-      })
-    },
-    async setInvest() {
-      if (this.bnbNum < this.investData.invest_money && !tools.isDevelopment()) {
-        tools.error(this.$t('index.index.invest.no_usdt'))
-        return
-      }
-      if (this.isAjax) {
-        return
-      }
-      // this.isAjax = true
-      tokenpocketBnb.getTransactionData(this.investData.sysAddress, this.investData.invest_money).then((data) => {
-        try {
-          tokenpocketBnb.sendTransaction(data).then((res) => {
-            this.sendSetInvest(res)
-          }).catch((e) => {
-            tools.error(this.$t('index.index.invest.send_no'))
-          })
-        } catch (e) {
-          tools.error(this.$t('index.index.invest.send_no'))
-        }
-      })
-    },
-    sendSetInvest(hashRes) {
-      setInvest({'txid': hashRes, 'id': this.investData.id}).then((res) => {
-        if (res.code === 1) {
-          tools.success(res.msg)
-          this.$refs.contractListObj.startList()
-        } else {
-          this.isAjax = false
-          tools.error(res.msg)
-        }
-      })
-    },
-    setTotal(total){
-      this.total=total
-    },
-    goToUrl(type) {
-      switch (type) {
-        case 1:
-          uni.navigateTo({
-            'url': 'pages/index/intro'
-          })
-          break
-      }
-    },
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.contract-box {
-  padding-top: 124rpx;
-  box-shadow: 0 0 24rpx 0 rgba(0, 0, 0, 0.16);
-  min-height: 100vh;
-
-  .contract-top {
-    //padding: 20rpx 0;
-    background: #fff;
-  }
-
-  .contract-data {
-    background: #fff;
-    width: 90%;
-    margin: 60rpx auto 0;
-    border-radius: 20rpx;
-    padding: 40rpx 20rpx;
-    font-size: 36rpx;
-    box-shadow: 0 8rpx 16rpx 0 rgba(0, 0, 0, 0.08);
-
-    .data-input {
-      border: 1rpx solid #000;
-      overflow: hidden;
-      border-radius: 10rpx;
-      padding: 20rpx;
-
-      .input-item {
-        display: flex;
-        justify-content: space-between;
-
-        .item-detail {
-          font-size: 26rpx;
-        }
-      }
-
-      .item-img {
-        display: flex;
-        justify-content: right;
-
-        .text-img {
-          display: inline-block;
-          border-radius: 50%;
-          height: 60rpx;
-          width: 60rpx;
-          box-sizing: border-box;
-          margin-right: 10rpx;
-
-          image {
-            width: 60rpx;
-            height: 60rpx;
-            z-index: 100;
-          }
-        }
-
-        .text {
-          line-height: 60rpx;
-        }
-      }
-
-      .input-item:first-child {
-        margin-bottom: 40rpx;
-      }
-
-      .input-item:last-child {
-        height: 60rpx;
-
-        .item-detail {
-          font-size: 32rpx;
-          line-height: 60rpx;
-        }
-      }
-    }
-
-    .data-but {
-      border-radius: 20rpx;
-      margin-top: 60rpx;
-
-      button {
-        height: 90rpx;
-        line-height: 90rpx;
-        text-align: center;
-        background: rgb(0, 87, 255);
-        color: #fff;
-        font-size: 26rpx;
-      }
-    }
-
-    .data-button {
-      margin-top: 40rpx;
-      display: flex;
-      justify-content: right;
-      image {
-        width: 40rpx;
-        height: 40rpx;
-      }
-      view {
-        font-size: 26rpx;
-        margin-left: 10rpx;
-        color: rgb(0, 87, 255);
-        line-height: 40rpx;
-      }
-
-    }
-
-  }
-
-  .contract-list {
-    background: #fff;
-    width: 90%;
-    margin: 40rpx auto;
-    border-radius: 10px;
-    padding: 20px 10px;
-    overflow: hidden;
-    font-size: 13px;
-    box-shadow: 0 8rpx 16rpx 0 rgba(0, 0, 0, 0.08);
-
-    .list-title {
-      display: flex;
-      justify-content: left;
-
-      .title-img {
-        background: rgb(0, 87, 255);
-        padding: 10rpx;
-        border-radius: 20rpx;
-
-        image {
-          width: 80rpx;
-          height: 80rpx;
-        }
-      }
-
-      .title-text {
-        margin-left: 20rpx;
-        line-height: 100rpx;
-        font-size: 34rpx;
-        font-weight: bold;
-      }
-    }
-
-
-  }
-
-  .contract-bottom {
-    height: 50rpx;
-  }
-}
-
-</style>

pages/index/index.vue

@@ -1,459 +1,128 @@
-<template>
-  <view class="index-data">
-    <view class="index-top">
-      <top-head @setBabAddress="setBabAddress"></top-head>
-      <view class="top-text" @click="goToUrl(2)">
-        {{ $t('index.index.top.one') }}
-        <!--        <view class="text-item">{{$t('index.index.top.one')}}</view>-->
-        <!--        <view class="text-item">{{$t('index.index.top.two')}}</view>-->
-        <!--        <view class="text-item">{{$t('index.index.top.three')}}</view>-->
-        <!--        <view class="text-item">{{$t('index.index.top.four')}}</view>-->
-      </view>
-      <view class="top-but">
-        <button @click="test(1)">{{ $t('index.index.investment') }}</button>
-      </view>
-      <view class="top-bottom" @click="setClipboardData" v-show="memberData.orderNum>0">
-        <image class="bottom-img" src="@/static/img/index/cp.png" mode="aspectFill"></image>
-        <text class="bottom-text bottom-text-two">{{ $t('index.index.top.cp') }}</text>
-      </view>
-      <view class="top-bottom" v-if="false">
-        <image class="bottom-img" src="@/static/img/index/dagou.svg" mode="aspectFill"></image>
-<!--        <text class="bottom-text">{{ $t('index.index.top.five') }}{{days}}{{$t('index.index.top.four')}}</text>-->
-<!--        <text class="bottom-text">{{ $t('index.index.top.five') }}</text>-->
-        <text class="bottom-text" @click="goToUrl(2)">{{ $t('index.index.top.six') }}</text>
-      </view>
-    </view>
-    <view class="list-tab">
-      <view class="tab-items">
-        <view class="tab-item" @click="setListTab(1)" :class="{'option-tab':listTab===1}">
-          {{ $t('index.index.list.title') }}
-        </view>
-        <view class="tab-item" @click="setListTab(2)" :class="{'option-tab':listTab===2}">
-          {{ $t('index.index.list.title-two') }}
-        </view>
-        <!--          <view class="tab-item" @click="setListTab(3)" :class="{'option-tab':listTab===3}">-->
-        <!--            {{ $t('index.index.code') }}-->
-        <!--          </view>-->
-      </view>
-      <view class="tab-item-bg"
-            :class="{'bg-location-1':listTab===1,'bg-location-2':listTab===2,'bg-location-3':listTab===3}"></view>
-    </view>
-    <view class="team-but" @click="goToUrl(4)">{{ $t('index.index.tds') }}》</view>
-    <view class="index-list">
-
-<!--      <view class="list-title">-->
-<!--        <view class="title-img">-->
-<!--          <image src="@/static/img/index/bnb2.png" mode="aspectFill"></image>-->
-<!--        </view>-->
-<!--        <view class="title-text">{{ $t('index.index.list.title') }}({{ total }})</view>-->
-<!--      </view>-->
-<!--      <division></division>-->
-      <view v-if="listTab===1">
-        <earning-list @setTotal="setTotal"></earning-list>
-      </view>
-      <view v-else>
-        <common-list @setTotal="setTotal"></common-list>
-      </view>
-
-    </view>
-    <view class="index-bottom"></view>
-  </view>
-
-</template>
 <script>
-import {getMemberInfo} from "@/api/member";
-import Division from "@/pages/index/components/division";
-import TopHead from "@/pages/index/components/top-head";
-import EarningList from "@/pages/index/components/earning-list";
-import CommonList from "@/pages/index/components/common-list";
-import tokenpocketBnb from "@/common/wallet/tokenpocket-wallet/tokenpocket-bnb";
-import tools from "@/common/js/tools";
-
+import homeIndex from "@/pages/home/home-index.vue";
+import myIndex from "@/pages/my/my-index.vue";
+import convertIndex from "@/pages/convert/convert-index.vue";
+// import tokenpocketBnb from "@/common/wallet/tokenpocket-wallet/tokenpocket-bnb";
 export default {
-  components: {CommonList, EarningList, TopHead, Division},
+  components: { homeIndex, myIndex, convertIndex },
   data() {
     return {
-      listTab:1,
-      applicationLocale: '',
-      systemLocale: '',
-      showLang: false,
-      isAjax: false,
-      langList: [{'name': 'zh-Hans', 'value': '简体中文'}, {'name': 'en', 'value': 'English'}, {
-        'name': 'ja',
-        'value': '日本語'
-      }, {'name': 'ko', 'value': '한국어'}],
-      tabNum: 0,
-      investData: {
-        id: 1,
-        invest_money: '',
-        sysAddress: "",
-        sendNum: "",
-      },
-      memberData: {
-        "id": 30,
-        "address": "",
-        "invite_code": "72592982",
-        "level_id": 0,
-        "levelName": "V0",
-        "orderNum": 0,
-        "recommendNum": 0,
-        "teamNum": 0
-      },
-      bnbNum: 0,
-      babAddress: '',
-      total: 0,
-      days:365
-
-    }
-
-  },
-  watch: {},
-  async onLoad(query) {
-    this.getMyData()
-    this.handlerDateDurationCurrent()
+      tab_index: 1
+    };
   },
   mounted() {
-
+    this.getMyData()
+    // this.handlerDateDurationCurrent()
   },
   methods: {
-    async test(){
-     let num= await tokenpocketBnb.getBalance(this.babAddress)
-      console.log(num)
-      tokenpocketBnb.getTransactionData("0xB2568EFafA4895236bCf3e34B03856BC48B4E9Ec", 0.001).then((data) => {
-        try {
-          tokenpocketBnb.sendTransaction(data).then((res) => {
-          }).catch((e) => {
-            tools.error(this.$t('index.index.invest.send_no'))
-          })
-        } catch (e) {
-          tools.error(this.$t('index.index.invest.send_no'))
-        }
-      })
-    },
-    setClipboardData(){
-      console.log(window.location)
-      uni.setClipboardData({
-        data: window.origin+'/#/pages/index/index?inviteCode='+this.babAddress,
-        success: function () {
-          console.log('success');
-        }
-      });
-    },
-    setBabAddress(babAddress){
-      this.babAddress=babAddress
-    },
-    handlerDateDurationCurrent() {
-      let d1 = new Date('2021-11-12')
-      let d2 = new Date()
-
-      let cha = Math.abs(d2.getTime() - d1.getTime())
-      this.days = parseInt(cha / (24 * 60 * 60 * 1000))
-      // let hours = parseInt(cha % (24 * 60 * 60 * 1000) / (60 * 60 * 1000))
-      // let mins = parseInt(cha % (60 * 60 * 1000) / (60 * 1000))
-    },
-    setTotal(total) {
-      this.total = total
-    },
-    goToUrl(type) {
-      switch (type) {
-        case 1:
-          uni.navigateTo({
-            'url': 'pages/index/contract'
-          })
-          break
-        case 2:
-          uni.navigateTo({
-            'url': 'pages/index/intro'
-          })
-          break
-        case 3:
-          uni.navigateTo({
-            'url': 'pages/index/contract'
-          })
-          break
-        case 4:
-          uni.navigateTo({
-            'url': 'pages/index/team'
-          })
-          break
-      }
-    },
-    setShowLang() {
-      this.showLang = !this.showLang
-    },
-    setListTab(listTab) {
-      if (this.listTab !== listTab) {
-        this.listTab = listTab
-      }
-    },
-
     getMyData() {
-      let token = uni.getStorageSync('token')
-      if (token) {
-        getMemberInfo().then((res) => {
-          if (res.code === 1) {
-            this.memberData = res.data
-            tokenpocketBnb.getAccounts().then((babAddress)=>{
-              if(babAddress && this.memberData.address.toLocaleLowerCase()!==babAddress.toLocaleLowerCase()){
-                uni.clearStorageSync()
-                uni.reLaunch({
-                  'url': 'pages/login/index'
-                })
-              }
-            })
-          }
-        })
-      }
+      // let token = uni.getStorageSync('token')
+      // if (token) {
+      //   getMemberInfo().then((res) => {
+      //     if (res.code === 1) {
+      //       this.memberData = res.data
+      //       tokenpocketBnb.getAccounts().then((babAddress)=>{
+      //         if(babAddress && this.memberData.address.toLocaleLowerCase()!==babAddress.toLocaleLowerCase()){
+      //           // uni.clearStorageSync()
+      //           // uni.reLaunch({
+      //           //   'url': 'pages/login/index'
+      //           // })
+      //         }
+      //       })
+      //     }
+      //   })
+      // }
 
     },
+    tabClick(num) {
+      if(num) {
+        this.tab_index = num
+      }
+    }
   },
 }
 </script>
-<style lang="scss" scoped>
-//@import "/static/css/common.css";
-.index-data {
-  min-height: 100vh;
-  .index-top {
-    box-shadow: 0 0 24rpx 0 rgba(0, 0, 0, 0.08);
-    box-sizing: border-box;
-    overflow: hidden;
-    padding: 40rpx 0;
-    width: 100%;
-    background: linear-gradient(0deg, rgb(64, 74, 96) 0%, rgb(9, 21, 36) 100%);
-
-    .top-head {
-      display: flex;
-      justify-content: space-between;
-      height: 84rpx;
-      padding-left: 20rpx;
-
-      .head-item {
-        display: flex;
-        justify-content: left;
-      }
-
-      .head-left {
-        .left-img {
-          margin-top: 1rpx;
 
-          image {
-            width: 80rpx;
-            height: 80rpx;
-          }
-        }
-
-        .left-text {
-          padding-top: 5px;
-          margin-left: 10px;
-
-          .item-item {
-            font-size: 22rpx;
-            color: #fff;
-          }
-
-          .item-item:nth-of-type(1) {
-            font-size: 32rpx;
-            font-weight: bold;
-          }
-        }
-      }
-
-      .head-right {
-        justify-content: right;
-
-        .right-img {
-          width: 70rpx;
-          height: 70rpx;
-
-          image {
-            width: 70rpx;
-            height: 70rpx;
-          }
-        }
-
-        .right-text {
-          margin-left: 20rpx;
-          height: 70rpx;
-          line-height: 70rpx;
-          width: 200rpx;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          color: rgb(116, 132, 164);
-        }
-      }
-    }
-
-    .top-text {
-      clear: both;
-      padding: 40rpx;
-      margin-top: 40rpx;
-      color: #fff;
-      font-size: 36rpx;
-      font-weight: bold;
-      line-height: 36px;
-
-      .text-item {
-        color: #fff;
-        font-size: 30rpx;
-        font-weight: bold;
-      }
-    }
-
-    .top-but {
-      width: 80%;
-      margin: 60rpx auto 0;
-
-      button {
-        height: 90rpx;
-        line-height: 90rpx;
-        text-align: center;
-        background: rgb(0, 87, 255);
-        color: #fff;
-        border-radius: 20rpx;
-        font-weight: bold;
-      }
-    }
-
-    .top-bottom {
-      padding: 10rpx 40rpx 0 40rpx;
-
-      .bottom-img {
-        display: inline-block;
-        width: 24rpx;
-        height: 24rpx;
-        margin-right: 10rpx;
-      }
-
-      .bottom-text {
-        font-size: 24rpx;
-        color: #7484a4;
-      }
-      bottom-text-two{
-        font-size: 23rpx !important;
-      }
-
-      .bottom-text:nth-of-type(2) {
-        margin-left: 0.5em;
-        text-decoration: underline;
-      }
-    }
-    //.top-bottom
-
-    //.top-bottom:nth-of-type(0) {
-    //  //padding: 40rpx 40rpx 0 40rpx;
-    //  .bottom-text{
-    //    font-size: 28rpx;
-    //  }
-    //}
-  }
-  .list-tab {
-    width: 90%;
-    height: 100%;
-    background: #eaf2ff;
-    border-radius: 36px;
-    cursor: pointer;
-    position: relative;
-    margin: 20rpx auto;
-
-    .tab-items {
-      z-index: 10;
-      display: flex;
-      justify-content: space-between;
-      border-radius: 36px;
-
-      .tab-item {
-        z-index: 10;
-        width: calc(100% / 2);
-        font-size: 13px;
-        color: #adbad0;
-        display: block;
-        height: 32px;
-        line-height: 32px;
-        text-align: center;
-      }
-
-      .option-tab {
-        color: #292929;
-      }
-    }
-
-    .tab-item-bg {
-      position: absolute;
-      border-radius: 36px;
-      background: #fff;
-      transition: .5s ease;
-      height: 32px;
-      width: calc(100% / 2);
-      top: 0;
-    }
-
-    .bg-location-1 {
-      left: 0;
-      transition: .5s ease;
-    }
-
-    .bg-location-2 {
-      left: 50%;
-      transition: .5s ease;
-    }
-
-    .bg-location-3 {
-      left: 66.66%;
-      transition: .5s ease;
-    }
-
-  }
-
-  .team-but{
-    width: 90%;
-    margin: auto;
-    font-size: 13px;
-    color: #adbad0;
-    text-align: right;
-    //height: 32px;
-    //line-height: 32px;
-  }
-
-  .index-list {
-    background: #fff;
-    width: 90%;
-    margin: 20rpx auto;
-    border-radius: 10px;
-    padding: 20px 10px;
-    overflow: hidden;
-    font-size: 13px;
-    box-shadow: 0 8rpx 16rpx 0 rgba(0, 0, 0, 0.08);
-
-    .list-title {
-      display: flex;
-      justify-content: left;
-
-      .title-img {
-        background: rgb(0, 87, 255);
-        padding: 10rpx;
-        border-radius: 20rpx;
-
-        image {
-          width: 80rpx;
-          height: 80rpx;
-        }
-      }
-
-      .title-text {
-        margin-left: 20rpx;
-        line-height: 100rpx;
-        font-size: 34rpx;
-        font-weight: bold;
-      }
-    }
-
-
-  }
+<template>
+<view class="flex-common-css">
+  <view class="top-b bgc-f plr-20 box-sizing-border align-items-center flex-justify-space">
+    <image
+        class="img-box"
+        src="@/static/img/logo/logo.png"
+        ></image>
+    <view class="fs-30">
+      sdfsdfsfsd222
+    </view>
+  </view>
+  <view class="content-b p-20 box-sizing-border">
+    <view class="scroll-view-css">
+      <homeIndex v-if="tab_index === 1"></homeIndex>
+      <convertIndex v-else-if="tab_index === 2"></convertIndex>
+      <myIndex v-else></myIndex>
+    </view>
+    <view class="tab-b align-items-center flex-justify-space b-rad-10 bgc-f">
+      <view @click="tabClick(1)" class="flex-1 flex-direction-column align-items-center flex-justify-center">
+        <image
+            class="tab-img mb-4"
+            v-if="tab_index === 1"
+            :src="require('@/static/img/tab/index.svg')"
+            ></image>
+        <image
+            class="tab-img mb-4"
+            v-else
+            :src="require('@/static/img/tab/index-two.svg')"
+            ></image>
+        <view class="fs-28" :class="tab_index === 1?'fc-f78820':''">首页</view>
+      </view>
+      <view @click="tabClick(2)" class="flex-1 flex-direction-column align-items-center flex-justify-center">
+        <image
+            class="tab-img mb-4"
+            :src="require('@/static/img/tab/jh.svg')"
+            ></image>
+        <view class="fs-28" :class="tab_index === 2?'fc-f78820':''">兑换</view>
+      </view>
+      <view @click="tabClick(3)" class="flex-1 flex-direction-column align-items-center flex-justify-center">
+        <image
+            v-if="tab_index === 3"
+            class="tab-img mb-4"
+            :src="require('@/static/img/tab/my-two.svg')"
+            ></image>
+        <image
+            v-else
+            class="tab-img mb-4"
+            :src="require('@/static/img/tab/my.svg')"
+            ></image>
+        <view class="fs-28" :class="tab_index === 3?'fc-f78820':''">我的</view>
+      </view>
+    </view>
+  </view>
+</view>
+</template>
 
-  .index-bottom {
-    height: 50rpx;
-  }
+<style scoped lang="scss">
+.content-b{
+  width: 100%;
+  height: calc(100vh - 98rpx);
+  display: flex;
+  flex-direction: column;
+}
+.top-b{
+  width: 100%;
+  height: 98rpx;
+  line-height: 98rpx;
+}
+.img-box{
+  width: 78rpx;
+  height: 60rpx;
+}
+.tab-img{
+  width: 50rpx;
+  height: 50rpx;
+}
+.tab-b{
+  width: 100%;
+  height: 138rpx;
+  padding: 20rpx 0;
+  box-sizing: border-box;
 }
-
-
 </style>

pages/index/intro.vue

@@ -1,34 +0,0 @@
-<template>
-  <view class="intro-box">
-
-   <view>
-     <image src="@/static/img/index/bg1.png" mode="widthFix"></image>
-   </view>
-  </view>
-</template>
-
-<script>
-export default {
-  name: "intro",
-  components: {},
-  props: {},
-  data() {
-    return {}
-  },
-  watch: {},
-  mounted() {
-
-  },
-  methods: {}
-}
-</script>
-
-<style scoped lang="scss">
-.intro-box{
-  width: 100%;
-  image{
-    width: 100vw;
-  }
-}
-
-</style>

pages/index/team.vue

@@ -1,270 +0,0 @@
-<template>
-  <view class="team-box">
-<!--    <top :show-img="false"></top>-->
-    <en-nav v-show="false" :title="$t('index.index.tds')"></en-nav>
-    <view class="box-list">
-      <view class="team-data">
-        <view class="user-data">
-          <view class="user-img">
-            <image src="@/static/img/my/user.png" ></image>
-            <view class="user-level">V{{member.level_id}}</view>
-          </view>
-          <view class="user-address">{{member.address}}</view>
-
-        </view>
-
-      </view>
-      <view class="team-title">
-        <view class="title-text">{{ $t('index.team.ztlb') }}</view>
-        <view class="title-wire"></view>
-      </view>
-      <view class="team-list">
-
-        <view class="item"  v-for="(item,itemIndex) in list">
-          <view class="team-item" :class="{'item-one':itemIndex===0}">
-            <view class="item-left">
-              <view class="left-img"> <image src="@/static/img/my/user.png" ></image></view>
-              <view class="left-text">
-                <view class="text-name">{{getAddress(item.address)}}</view>
-                <view class="text-time">{{ $t('index.team.rtsj') }}：{{item.created_at}}</view>
-              </view>
-            </view>
-            <view class="item-right">V{{item.level_id}}</view>
-          </view>
-        </view>
-        <en-blank v-if="list.length<=0"></en-blank>
-      </view>
-
-
-    </view>
-  </view>
-</template>
-
-<script>
-// import Top from "@/pages/index/model/top";
-import EnBlank from "@/components/en-utils/en-blank/en-blank";
-
-import tools from "@/common/js/tools";
-import {getTeamInfo, getTeamList} from "@/api/member";
-import EnNav from "@/components/en-utils/en-nav/en-nav";
-export default {
-  name: "team",
-  components: {EnNav, EnBlank},
-  props: {},
-  data() {
-    return {
-      member:{
-        "address": "",
-        "level_id": 0,
-        "recom_num": 0,
-        "performance": 0,
-      },
-      'list':[],
-      page:1,
-      isEnd:false
-    }
-  },
-  watch: {},
-  onReachBottom(){
-    this.getTeamList()
-  },
-  mounted() {
-    this.getTeamInfo()
-    this.getTeamList()
-  },
-  methods: {
-    getAddress(address){
-      return tools.getAddress(address)
-    },
-    getTeamInfo(){
-      getTeamInfo().then((res)=>{
-        if(res.code===1){
-          res.data.address=tools.getAddress(res.data.address)
-          this.member=res.data
-          console.log( this.member.address)
-        }
-      })
-    },
-    getTeamList(){
-      if(this.isEnd){
-        return
-      }
-      getTeamList().then((res)=>{
-        if(res.code===1){
-          if(res.data.items.length<=0){
-            this.isEnd=true
-          }
-          this.list.push(...res.data.items)
-          ++this.page
-        }
-      })
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.box-list{
-  padding: 6px 16px;
-  .team-data{
-    background: #fff;
-    margin-top: 20rpx;
-    padding: 20rpx;
-    border-radius: 10rpx;
-    .user-data{
-      .user-img{
-        margin:24rpx auto;
-        width: 140rpx;
-        height: 140rpx;
-        position: relative;
-        image{
-          border-radius: 50%;
-          width: 140rpx;
-          height: 140rpx;
-        }
-        .user-level{
-          position: absolute;
-          bottom: 0;
-          left: 30rpx;
-          width: 80rpx;
-          background: #277ffa;
-          border-radius: 20rpx;
-          text-align: center;
-          color: #fff;
-          font-size: 22rpx;
-        }
-      }
-      .user-address{
-        margin: 0 auto;
-        width: 240rpx;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        text-align: center;
-      }
-      padding-bottom: 20rpx;
-      border-bottom: 2rpx solid #EAEAEA;
-    }
-    .team-info{
-      margin-top: 20rpx;
-      display: flex;
-      justify-content: space-between;
-      .team-item{
-        width: 50%;
-        .user-img{
-          margin:0 auto;
-          width: 100rpx;
-          height: 100rpx;
-          position: relative;
-          image{
-            border-radius: 50%;
-            width: 100rpx;
-            height: 100rpx;
-          }
-          .user-level{
-            position: absolute;
-            bottom: 0;
-            left: 18rpx;
-            width: 70rpx;
-            background: #277ffa;
-            //height: 20rpx;
-            border-radius: 20rpx;
-            text-align: center;
-            color: #fff;
-            font-size: 16rpx !important;
-          }
-        }
-        .item{
-          text-align: center;
-        }
-        .item-num{
-          color: #333;
-          font-size: 34rpx;
-          font-weight: 600;
-        }
-        .item-text{
-          margin: 6rpx auto 0;
-          color: #999999;
-          font-size: 28rpx;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          width: 240rpx;
-          text-align: center;
-        }
-      }
-    }
-  }
-  .team-title{
-    margin: 30rpx 0;
-    .title-text{
-      color: #277ffa;
-      font-size: 28rpx;
-      font-weight: 600;
-    }
-    .title-wire{
-      background: #277ffa;
-      width: 60rpx;
-      height: 4rpx;
-      margin-left: 24rpx;
-    }
-  }
-  .team-list{
-    background: #fff;
-    padding: 24rpx 21rpx;
-    min-height: 600rpx;
-    border-radius: 20rpx;
-    .team-child{
-      padding-left: 30rpx;
-    }
-    .team-item{
-      padding: 24rpx 0;
-      display: flex;
-      justify-content: space-between;
-      border-bottom: 2rpx solid #EDEDED;
-      .item-left{
-        display: flex;
-        justify-content: left;
-        .left-img{
-          width: 88rpx;
-          image{
-            height: 88rpx;
-            width: 88rpx;
-            border-radius: 50%;
-          }
-        }
-        .left-text{
-          margin-left: 16rpx;
-          .text-name{
-            color: #333333;
-            font-size: 28rpx;
-            width: 240rpx;
-            overflow: hidden;
-            text-overflow: ellipsis;
-          }
-          .text-time{
-            margin-top: 20rpx;
-            color: #999999;
-            font-size: 20rpx;
-          }
-        }
-
-      }
-      .item-right{
-        width: 72rpx;
-        height: 34rpx;
-        background:  #277ffa;
-        color: #fff;
-        text-align: center;
-        line-height: 34rpx;
-        border-radius: 20rpx;
-        margin-top: 30rpx;
-        font-size: 20rpx;
-      }
-
-    }
-    .item-one{
-      padding-top: 0;
-    }
-
-  }
-}
-</style>

pages/login/invite.vue

@@ -0,0 +1,50 @@
+<script>
+export default {
+  name: "invite-page",
+  components: {},
+  data() {
+    return {
+      code: ''
+    };
+  },
+  mounted() {
+  },
+  methods: {},
+}
+</script>
+
+<template>
+  <view class="flex-common-css box-b align-items-center flex-justify-center">
+    <view class="fs-14 fc-f mb-10">
+      请输入邀请码
+    </view>
+    <view class="w-80 mb-50">
+      <input class="input-b" v-model="code" placeholder="" placeholder-class="text-align-center fs-14"></input>
+    </view>
+    <view class="but-b b-rad-20 text-align-center fc-f fs-14">
+      确认绑定
+    </view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+.box-b {
+  background-image: linear-gradient(46deg, #3364d1, #42d6dd);
+}
+.input-b{
+  height: 50px;
+  border: none;
+  border-radius: 10px;
+  background: #fff;
+  text-align: center;
+}
+.w-80{
+  width: 80%;
+}
+.but-b{
+  background-image: linear-gradient(46deg, #7a8fbf, #59b3b7);
+  width: 60%;
+  line-height: 40px;
+  border: 1px solid #fff;
+}
+</style>

pages/my/inner-page/all_profit.vue

@@ -0,0 +1,88 @@
+<script>
+	export default {
+		name: "all-profit",
+		components: {},
+		data() {
+			return {};
+		},
+		mounted() {},
+		methods: {
+			returnBut() {
+				uni.navigateBack({
+					delta: 1
+				});
+			}
+		},
+	}
+</script>
+
+<template>
+	<view class="flex-common-css box-sizing-border box-b">
+		<view class="nav-box bgc-f box-sizing-border align-items-center">
+			<!-- <i @click="returnBut" class="el-icon-arrow-left fw-b fs-20 mr-10"></i> -->
+			<uni-icons @click="returnBut" type="left" size="20"></uni-icons>
+			<view class="fs-14 fw-b">总收益</view>
+		</view>
+		<view class="head-box flex-direction-column align-items-center flex-justify-center b-rad-10 mb-10">
+			<view class="fs-14 fc-f mb-4">
+				总收益
+			</view>
+			<view class="fs-18 fc-f fw-b mb-4">
+				100
+			</view>
+			<view class="fs-14 fc-f text-align-center tx-box b-rad-20">
+				提现
+			</view>
+		</view>
+		<view class="fs-14 fw-b mb-10">
+			历史明细
+		</view>
+		<view class="scroll-view-css b-rad-10">
+			<view v-for="item in 18" :key="item.id"
+				class="p-10 box-sizing-border bgc-f b-rad-10 align-items-center flex-justify-space">
+				<view>
+					<view class="fs-14 fw-b mb-4">
+						静态释放
+					</view>
+					<view class="fs-12 fc-858585">
+						2023-12-11 20:44:10
+					</view>
+				</view>
+				<view class="fs-14 fw-b">
+					0.4
+				</view>
+			</view>
+			<view class="fs-14 text-align-center pt-10">
+				~暂无记录
+			</view>
+		</view>
+	</view>
+</template>
+
+<style scoped lang="scss">
+	.box-b {
+		padding: 60px 10px 10px;
+	}
+
+	.nav-box {
+		width: 100%;
+		height: 40px;
+		line-height: 40px;
+		position: absolute;
+		top: 0;
+		left: 0;
+		padding-left: 10px;
+	}
+
+	.tx-box {
+		width: 30%;
+		height: 40px;
+		background: #ff952d;
+		line-height: 40px;
+	}
+
+	.head-box {
+		padding: 30px 0;
+		background-image: linear-gradient(270deg, #ffc62c, #ffa954);
+	}
+</style>

pages/my/my-index.vue

@@ -0,0 +1,79 @@
+<script>
+export default {
+  name: "my-index",
+  components: {},
+  data() {
+    return {};
+  },
+  mounted() {},
+  methods: {
+    goUrl() {
+      uni.navigateTo({
+      	url: 'pages/my/inner-page/all_profit'
+      });
+    }
+  },
+}
+</script>
+
+<template>
+<div>
+  <div class="align-items-center mb-32">
+    <div class="h-80 b-rad-20 bg-one flex-1 flex-direction-column align-items-center flex-justify-center mr-20">
+      <div class="fs-28 fc-f">余额</div>
+      <div class="fs-30 fc-f fw-b">
+        3
+      </div>
+    </div>
+    <div class="h-80 b-rad-20 bg-two flex-1 flex-direction-column align-items-center flex-justify-center mr-20">
+      <div class="fs-28 fc-f">贡献</div>
+      <div class="fs-30 fc-f fw-b">
+        3
+      </div>
+    </div>
+    <div @click="goUrl" class="h-80 b-rad-20 bg-one flex-1 flex-direction-column align-items-center flex-justify-center">
+      <div class="fs-28 fc-f">总收益</div>
+      <div class="fs-30 fc-f fw-b">
+        3
+      </div>
+    </div>
+  </div>
+  <div class="fs-34 fw-b mb-20">
+    我的团队
+  </div>
+  <div class="bgc-f p-10 box-sizing-border b-rad-20">
+    <div class="pb-10 border-bottom-e5e5e5 fs-28 mb-20">
+      sdfddd
+    </div>
+    <div class="align-items-start flex-justify-space pb-10">
+      <div class="flex-1 left-box">
+          <div class="fs-28 mb-4">注册时间:2023/02/01</div>
+          <div class="fs-28 mb-4">团队人数:50</div>
+          <div class="fs-28">直推人数:22</div>
+      </div>
+      <div class="flex-1 pl-20 box-sizing-border">
+        <div class="fs-28 mb-4">自身业绩:10000</div>
+        <div class="fs-28">团队业绩:10000</div>
+      </div>
+    </div>
+  </div>
+  <div>
+
+  </div>
+</div>
+</template>
+
+<style scoped lang="scss">
+.bg-one{
+  background-image: linear-gradient(270deg, #2353db, #54c8ff);
+}
+.bg-two{
+  background-image: linear-gradient(270deg, #ffc62c, #ffa954);
+}
+.h-80{
+  height: 160rpx;
+}
+.left-box{
+  border-right: 2rpx solid #ccc;
+}
+</style>

pages/text/index.vue

@@ -1,156 +0,0 @@
-<template>
-	<view>
-		<Nav title="列表组件演示"></Nav>
-		<pagingList ref="likeGoodsList" @getList="getGoodsList">
-      <template v-slot:listInfo="{pagingData}">
-        <view class="goods-list">
-          <view class="goods-item" v-for="item in pagingData">
-            <view class="goods-item-left">
-              <image class="goods-item-img" :src="item.cover_img" mode="aspectFill"></image>
-            </view>
-            <view class="goods-item-right">
-              <view class="goods-item-name">{{item.good_name}}</view>
-              <view class="goods-item-price goods-item-zh" v-if="item.p_type===1">
-                <view class="item-price">
-                  <enPrice :currentPrice="item.price" :originalPrice="item.original_price"></enPrice>
-                </view>
-                <view class="item-market">
-                  <text class="iconfont">&#xe61a;</text>
-                  <text>5.0评分</text>
-                  <text>2W+人付款</text>
-                </view>
-              </view>
-              <view class="goods-item-price goods-item-tp" v-else>
-                <view class="goods-item-platform">
-                  <text class="goods-item-tp"  v-if="item.p_type===2">天猫好物</text>
-                  <text class="goods-item-jd"  v-else>京东优选</text>
-                </view>
-                <view class="item-price">
-                  <enPrice :currentPrice="item.price" :originalPrice="item.original_price"></enPrice>
-                </view>
-              </view>
-
-            </view>
-          </view>
-        </view>
-      </template>
-    </pagingList>
-	</view>
-</template>
-
-<script>
-	import Black from '@/components/en-utils/en-blank/en-blank'
-	import pagingList from '@/components/en-list/en-list'
-  import enPrice from '@/components/en-utils/en-price/en-price'
-  import {likeGoods} from "@/api/goods";
-
-	export default {
-		components:{
-			Black,
-      pagingList,
-      enPrice,
-		},
-    methods:{
-      getGoodsList(page){
-          likeGoods({'page':page}).then((res)=>{
-            if(res.code===1){
-              this.$refs.likeGoodsList.setList(res.data.list,res.data.total)
-            }
-          })
-      }
-    }
-	}
-</script>
-
-<style scoped lang="scss">
-    @font-face {
-      font-family: 'iconfont';
-      src:  url('/components/static/icon/iconfont.ttf') format('truetype');
-    }
-    .iconfont {
-      font-family: "iconfont" !important;
-      font-style: normal;
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-    }
-    .goods-list{
-      background-color: #F5F5F5;
-      margin: 0 24rpx;
-      .goods-item{
-        width: 100%;
-        height: 364rpx;
-        background-color: #FFFFFF;
-        border-radius: 20rpx;
-        margin: 20rpx 0;
-        display: flex;
-        .goods-item-left{
-          padding: 24rpx;
-          .goods-item-img{
-            width:316rpx;
-            height:316rpx;
-            border-radius: 16rpx;
-          }
-        }
-        .goods-item-right{
-          width:100%;
-          height:300rpx;
-          padding:32rpx 30rpx 32rpx 0;
-          position:relative;
-          //display: flex;
-          //align-content: space-between;
-          .goods-item-name{
-            color: #333333;
-            font-size: 30rpx;
-            font-weight: 600;
-            display: -webkit-box;
-            -webkit-line-clamp: 2;
-            -webkit-box-orient: vertical;
-            overflow: hidden;
-          }
-          .goods-item-price{
-            position:absolute;
-            bottom: 32rpx;
-            .item-price{
-
-            }
-            .item-market{
-                text{
-                  color: #999999;
-                  font-size: 24rpx;
-                  line-height: 34rpx;
-                  padding: 0 20rpx 0 0;
-                }
-              .iconfont{
-                padding: 0;
-              }
-            }
-          }
-          .goods-item-platform{
-            height: 32rpx;
-            margin-bottom: 10rpx;
-            .goods-item-tp{
-              padding: 4rpx 8rpx;
-              color: #975BFE;
-              width: 90rpx;
-              height: 30rpx;
-              font-size: 24rpx;
-              line-height: 28rpx;
-              border: 2rpx solid #985DFF;
-              border-radius: 4rpx;
-            }
-            .goods-item-jd{
-              padding: 4rpx 8rpx;
-              border-radius: 6rpx;
-              color: #FFFFFF;
-              font-size: 24rpx;
-              line-height: 28rpx;
-              background: linear-gradient(90deg, #FD3229 0%, #FC7A28 100%);
-            }
-          }
-          .goods-item-zh{
-
-          }
-        }
-      }
-    }
-</style>

static/img/tab/my-two.svg

@@ -0,0 +1 @@
+<svg height="437pt" viewBox="-26 0 437 437.33333" width="437pt" xmlns="http://www.w3.org/2000/svg" class=""><path d="m192.167969 213.332031c-58.800781 0-106.667969-47.867187-106.667969-106.664062 0-58.800781 47.867188-106.667969 106.667969-106.667969 58.796875 0 106.664062 47.867188 106.664062 106.667969 0 58.796875-47.867187 106.664062-106.664062 106.664062zm0-192c-47.066407 0-85.335938 38.269531-85.335938 85.335938 0 47.066406 38.269531 85.332031 85.335938 85.332031 47.066406 0 85.332031-38.265625 85.332031-85.332031 0-47.066407-38.265625-85.335938-85.332031-85.335938zm0 0" data-original="#000000" class="active-path" style="fill: rgb(247, 136, 32);"></path><path d="m384.167969 437.332031h-384v-10.664062c0-105.867188 86.132812-192 192-192 105.867187 0 192 86.132812 192 192zm-362.269531-21.332031h340.667968c-5.464844-89.199219-79.867187-160-170.398437-160-90.535157 0-164.800781 70.800781-170.269531 160zm0 0" data-original="#000000" class="active-path " style="fill: rgb(247, 136, 32);"></path></svg>

static/img/tab/my.svg

@@ -0,0 +1 @@
+<svg height="437pt" viewBox="-26 0 437 437.33333" width="437pt" xmlns="http://www.w3.org/2000/svg"><path d="m192.167969 213.332031c-58.800781 0-106.667969-47.867187-106.667969-106.664062 0-58.800781 47.867188-106.667969 106.667969-106.667969 58.796875 0 106.664062 47.867188 106.664062 106.667969 0 58.796875-47.867187 106.664062-106.664062 106.664062zm0-192c-47.066407 0-85.335938 38.269531-85.335938 85.335938 0 47.066406 38.269531 85.332031 85.335938 85.332031 47.066406 0 85.332031-38.265625 85.332031-85.332031 0-47.066407-38.265625-85.335938-85.332031-85.335938zm0 0" data-original="#000000" class="active-path" style="fill: rgb(171, 171, 171);"></path><path d="m384.167969 437.332031h-384v-10.664062c0-105.867188 86.132812-192 192-192 105.867187 0 192 86.132812 192 192zm-362.269531-21.332031h340.667968c-5.464844-89.199219-79.867187-160-170.398437-160-90.535157 0-164.800781 70.800781-170.269531 160zm0 0" data-original="#000000" class="active-path" style="fill: rgb(171, 171, 171);"></path></svg>