前段基本功能完成

components/en-list/en-list.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="list">
-    <Blank v-if="list.length<0"></Blank>
+    <Blank v-if="list.length<=0"></Blank>
     <view class="scroll-view" v-else>
       <scroll-view class="scroll-list" scroll-y="true" style="height: 100%;" @scrolltolower="onReachScollBottom"
                    :scroll-top="scrollTop" @scroll="scroll">

components/en-utils/en-blank/en-blank.vue

@@ -6,7 +6,7 @@
 			</text>
 		</view>
 		<view class="blank-text">
-			<text>{{message}}</text>
+			<text>{{$t('error.no')}}!</text>
 		</view>
 		<view class="blank-button" @click="btnClick" v-if="showButton">
 			<slot name="button">

components/static/css/en-iconfont.css

@@ -7,4 +7,4 @@
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-}
+}

locale/zh-Hans.json

@@ -5,6 +5,9 @@
 	"title.index": "首页",
 	"title.login.index": "登陆",
 	"title.login.register": "注册",
+	"index.register.address": "推荐人",
+	"index.register.add-address": "请输入推荐人地址",
+	"index.index.affirm": "绑定",
 	"index.index.investment": "投资",
 	"index.index.invest.execute": "有正在执行的交易",
 	"index.index.invest.no_usdt": "BNB数量不足",
@@ -31,6 +34,7 @@
 
 	"list.load": "加载中",
 
+	"error.no": "暂无数据",
 	"index.error.quit": "刷新",
 	"index.error.errorMsg": "出错啦！",
 	"index.error.errorMsg.noWallet": "请使用tokenpocket打开！",

pages/index/index.vue

@@ -33,8 +33,6 @@
 
 </template>
 <script>
-import {getInvestData, setInvest} from "@/api/contract";
-import tools from "@/common/js/tools";
 import tokenpocketBnb from "@/common/wallet/tokenpocket-wallet/tokenpocket-bnb";
 import {getMemberInfo} from "@/api/member";
 import Division from "@/pages/index/components/division";

pages/index/intro.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="intro-box">
- 
+
    <view>
      <image src="@/static/img/index/bg1.png" mode="widthFix"></image>
    </view>

pages/login/register.vue

@@ -1,10 +1,25 @@
 <template>
   <view class="register-box">
-    <view class="register-logo"></view>
-    <header class="header">
-      <image class="hd-logo" src="/static/img/icon/logow.png?=1" mode="aspectFill"/>
-    </header>
-    <view class="register-from">
+    <top-head :top-type="1"></top-head>
+    <view class="contract-data">
+      <view class="data-input">
+        <view class="input-item">
+          <view class="item-detail">{{$t('index.register.address')}}：</view>
+          <view class="item-detail"></view>
+        </view>
+        <view class="input-item-two">
+          <input v-model="inviteCode" :placeholder="$t('index.register.add-address')">
+        </view>
+      </view>
+      <view class="data-but">
+        <button @click="register">{{$t('index.index.affirm')}}</button>
+      </view>
+      <view class="data-button" @click="goToUrl(1)">
+        <image src="@/static/img/index/msg.svg"></image>
+        <view>{{$t('index.contract.word')}}>></view>
+      </view>
+    </view>
+    <view class="register-from" v-if="false">
       <view class="from-input"><input v-model="inviteCode" :placeholder="$t('index.index.affirm')"></view>
       <view class="from-but">
         <button @click="register">{{$t('index.index.affirm')}}</button>
@@ -15,11 +30,12 @@
 <script>
 import {register} from "@/api/member";
 import tools from "@/common/js/tools";
+import TopHead from "@/pages/index/components/top-head";
 
 export default {
   name: "register",
   props: {},
-  components: {},
+  components: {TopHead},
   data() {
     return {
       address: '',
@@ -42,6 +58,15 @@ export default {
 
   },
   methods: {
+    goToUrl(type) {
+      switch (type) {
+        case 1:
+          uni.navigateTo({
+            'url': 'pages/index/intro'
+          })
+          break
+      }
+    },
     register() {
       if (this.inviteCode === '') {
         tools.error(this.$t('index.error.errorMsg.noInvite'))
@@ -73,74 +98,100 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.register-box {
-  width: 100vw;
+.register-box{
+  padding-top: 40rpx;
+  box-shadow: 0 0 24rpx 0 #000;
+  box-sizing: border-box;
+  width: 100%;
   height: 100vh;
-  max-height: 100vh;
-  background-image: url("/static/img/bg/dlbg.jpg");
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: cover;
-  //padding-top: 400rpx;
-  .register-logo {
-    height: 100rpx;
-  }
+  background: linear-gradient(0deg, rgb(64, 74, 96) 0%, rgb(9, 21, 36) 100%);
+  .contract-data {
+    background: #fff;
+    width: 90%;
+    margin: 120rpx auto 0;
+    border-radius: 20rpx;
+    padding: 40rpx 20rpx;
+    font-size: 36rpx;
+    box-shadow: 8rpx 8rpx 16rpx 0 rgba(255, 255, 255, 0.3);
 
-  .header {
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 54px;
-    background: #131E30;
-    z-index: 10;
-    overflow: hidden;
-
-    .hd-logo {
-      display: block;
-      max-width: 52%;
-      height: 34px;
-      margin: 10px auto;
-    }
-  }
+    .data-input {
+      border: 1rpx solid #000;
+      overflow: hidden;
+      border-radius: 10rpx;
+      padding: 20rpx;
 
-  .register-from {
-    border-radius: 20rpx;
-    width: calc(100vw - 214rpx);
-    margin: auto;
-    height: 300rpx;
-    background: #131E30;
-    padding: 80rpx 64rpx 0 64rpx;
-
-    .from-input {
-
-      input {
-        border-radius: 6rpx;
-        height: 100rpx;
-        border: 2rpx solid #3e526b;
-        color: #7388a7;
-        font-size: 42rpx;
-        line-height: 100rpx;
-        text-align: center;
+      .input-item {
+        display: flex;
+        justify-content: space-between;
+
+        .item-detail {
+          font-size: 26rpx;
+        }
       }
 
-      input::placeholder {
+      .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-two {
+        height: 60rpx;
       }
     }
 
-    .from-but {
-      margin-top: 40rpx;
+    .data-but {
+      border-radius: 20rpx;
+      margin-top: 60rpx;
 
       button {
-        height: 82rpx;
-        line-height: 82rpx;
-        border: 2rpx solid #146AF0;
-        border-radius: 6rpx;
-        background: #146AF0;
-        color: #FFFFFF;
+        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;
+      }
+
+    }
+
   }
 }