开发

pages/invite/index.js

@@ -5,13 +5,150 @@ Page({
     data: {
         list: [{
             num: 1,
-            top: 30,
-            left: 30
+            top: -60,
+            left: 428
+        }, {
+            num: 2,
+            top: 230,
+            left: 274
+        }, {
+            num: 3,
+            top: 580,
+            left: 224
+        }, {
+            num: 4,
+            top: 770,
+            left: 570
+        }, {
+            num: 5,
+            top: 856,
+            left: 360
+        }, {
+            num: 6,
+            top: 1194,
+            left: 140
+        }, {
+            num: 7,
+            top: 1194,
+            left: 460
+        }, {
+            num: 8,
+            top: 1466,
+            left: 140
+        }, {
+            num: 9,
+            top: 1466,
+            left: 460
+        }, {
+            num: 10,
+            top: 1740,
+            left: 140
+        }, {
+            num: 11,
+            top: 2088,
+            left: 140
+        }, {
+            num: 12,
+            top: 2088,
+            left: 460
+        }, {
+            num: 13,
+            top: 2360,
+            left: 140
+        }, {
+            num: 14,
+            top: 2360,
+            left: 460
+        }, {
+            num: 15,
+            top: 2636,
+            left: 460
+        }, {
+            num: 16,
+            top: 3036,
+            left: 140
+        }, {
+            num: 17,
+            top: 3036,
+            left: 460
+        }, {
+            num: 18,
+            top: 3310,
+            left: 140
+        }, {
+            num: 19,
+            top: 3310,
+            left: 460
+        }, {
+            num: 20,
+            top: 3580,
+            left: 140
+        }, {
+            num: 21,
+            top: 3580,
+            left: 460
+        }, {
+            num: 22,
+            top: 3852,
+            left: 140
+        }, {
+            num: 23,
+            top: 3852,
+            left: 460
+        }, {
+            num: 24,
+            top: 4126,
+            left: 140
+        }, {
+            num: 25,
+            top: 4126,
+            left: 460
+        }, {
+            num: 26,
+            top: 4396,
+            left: 140
+        }, {
+            num: 27,
+            top: 4396,
+            left: 460
+        }, {
+            num: 28,
+            top: 4670,
+            left: 140
+        }, {
+            num: 29,
+            top: 4670,
+            left: 460
+        }, {
+            num: 30,
+            top: 4944,
+            left: 460
+        }, {
+            num: 31,
+            top: 5332,
+            left: 140
+        }, {
+            num: 32,
+            top: 5332,
+            left: 460
+        }, {
+            num: 33,
+            top: 5604,
+            left: 140
+        }, {
+            num: 34,
+            top: 5604,
+            left: 460
         }],
         count: 0
     },
 
     async onShow() {
+        console.log(`#p${this.data.list.length}`);
+        wx.pageScrollTo({
+            selector: `#p${this.data.list.length}`,
+            duration: 800
+        })
         /*  let {
              list
          } = await getInviteList({

pages/invite/index.less

@@ -11,6 +11,7 @@
         right: 20rpx;
         width: 100rpx;
         height: 104rpx;
+        z-index: 2;
     }
 
     .strategy {
@@ -19,18 +20,19 @@
         right: 10rpx;
         width: 120rpx;
         height: 100rpx;
+        z-index: 2;
     }
 
     .body {
-        overflow: hidden;
+        position: relative;
         width: 100%;
-        height: 3000rpx;
+        height: 8000rpx;
         margin-top: 700rpx;
         background: url('http://reader-wx.ai160.com/images/reader/bg2.jpg')no-repeat;
         background-size: cover;
 
         .pennant {
-            position: relative;
+            position: absolute;
             width: 189rpx;
             height: 259rpx;
 
@@ -44,7 +46,7 @@
                 width: 100%;
                 bottom: 40rpx;
                 text-align: center;
-                font-size: 20rpx;
+                font-size: 26rpx;
                 color: #FFFFFF;
             }
         }

pages/invite/index.wxml

@@ -2,9 +2,10 @@
     <image src="/static/phb.png" class="ranking" />
     <image src="/static/yqgl.png" class="strategy" />
     <view class="body">
-        <view class="pennant">
+        <view class="pennant" wx:for="{{list}}" wx:key="num" id="p{{item.num}}"
+            style="top:{{item.top}}rpx;left:{{item.left}}rpx">
             <image src="/static/pennant.png" class='icon' />
-            <view class="num">邀1人</view>
+            <view class="num">邀{{item.num}}人</view>
         </view>
     </view>
 </view>

pages/invite/index.wxss

@@ -11,6 +11,7 @@
   right: 20rpx;
   width: 100rpx;
   height: 104rpx;
+  z-index: 2;
 }
 .invite .strategy {
   position: fixed;
@@ -18,17 +19,18 @@
   right: 10rpx;
   width: 120rpx;
   height: 100rpx;
+  z-index: 2;
 }
 .invite .body {
-  overflow: hidden;
+  position: relative;
   width: 100%;
-  height: 3000rpx;
+  height: 8000rpx;
   margin-top: 700rpx;
   background: url('http://reader-wx.ai160.com/images/reader/bg2.jpg') no-repeat;
   background-size: cover;
 }
 .invite .body .pennant {
-  position: relative;
+  position: absolute;
   width: 189rpx;
   height: 259rpx;
 }
@@ -41,6 +43,6 @@
   width: 100%;
   bottom: 40rpx;
   text-align: center;
-  font-size: 20rpx;
+  font-size: 26rpx;
   color: #FFFFFF;
 }