开发

pages/invite/index.js

@@ -3,21 +3,25 @@ import {
 } from '~/api/user'
 Page({
     data: {
-        list: [],
+        list: [{
+            num: 1,
+            top: 30,
+            left: 30
+        }],
         count: 0
     },
 
     async onShow() {
-        let {
-            list
-        } = await getInviteList({
-            pageSize: 9999
-        })
-        this.setData({
-            list,
-            count: list.length
-        })
-        console.log(list);
+        /*  let {
+             list
+         } = await getInviteList({
+             pageSize: 9999
+         })
+         this.setData({
+             list,
+             count: list.length
+         })
+         console.log(list); */
     },
     showTranscript() {
         this.selectComponent("#popUp").showModal()

pages/invite/index.less

@@ -0,0 +1,52 @@
+.invite {
+    width: 100%;
+    min-height: 100vh;
+    background: url('http://reader-wx.ai160.com/images/reader/bg1.jpg')no-repeat;
+    background-size: contain;
+    overflow: hidden;
+
+    .ranking {
+        position: fixed;
+        top: 164rpx;
+        right: 20rpx;
+        width: 100rpx;
+        height: 104rpx;
+    }
+
+    .strategy {
+        position: fixed;
+        top: 290rpx;
+        right: 10rpx;
+        width: 120rpx;
+        height: 100rpx;
+    }
+
+    .body {
+        overflow: hidden;
+        width: 100%;
+        height: 3000rpx;
+        margin-top: 700rpx;
+        background: url('http://reader-wx.ai160.com/images/reader/bg2.jpg')no-repeat;
+        background-size: cover;
+
+        .pennant {
+            position: relative;
+            width: 189rpx;
+            height: 259rpx;
+
+            .icon {
+                width: 100%;
+                height: 100%;
+            }
+
+            .num {
+                position: absolute;
+                width: 100%;
+                bottom: 40rpx;
+                text-align: center;
+                font-size: 20rpx;
+                color: #FFFFFF;
+            }
+        }
+    }
+}

pages/invite/index.wxml

@@ -1 +1,10 @@
-<view></view>
+<view class="invite">
+    <image src="/static/phb.png" class="ranking" />
+    <image src="/static/yqgl.png" class="strategy" />
+    <view class="body">
+        <view class="pennant">
+            <image src="/static/pennant.png" class='icon' />
+            <view class="num">邀1人</view>
+        </view>
+    </view>
+</view>

pages/invite/index.wxss

@@ -0,0 +1,46 @@
+.invite {
+  width: 100%;
+  min-height: 100vh;
+  background: url('http://reader-wx.ai160.com/images/reader/bg1.jpg') no-repeat;
+  background-size: contain;
+  overflow: hidden;
+}
+.invite .ranking {
+  position: fixed;
+  top: 164rpx;
+  right: 20rpx;
+  width: 100rpx;
+  height: 104rpx;
+}
+.invite .strategy {
+  position: fixed;
+  top: 290rpx;
+  right: 10rpx;
+  width: 120rpx;
+  height: 100rpx;
+}
+.invite .body {
+  overflow: hidden;
+  width: 100%;
+  height: 3000rpx;
+  margin-top: 700rpx;
+  background: url('http://reader-wx.ai160.com/images/reader/bg2.jpg') no-repeat;
+  background-size: cover;
+}
+.invite .body .pennant {
+  position: relative;
+  width: 189rpx;
+  height: 259rpx;
+}
+.invite .body .pennant .icon {
+  width: 100%;
+  height: 100%;
+}
+.invite .body .pennant .num {
+  position: absolute;
+  width: 100%;
+  bottom: 40rpx;
+  text-align: center;
+  font-size: 20rpx;
+  color: #FFFFFF;
+}