开发页面

pages/invite/index.js

@@ -61,6 +61,10 @@ Page({
      * 用户点击右上角分享
      */
     onShareAppMessage() {
-
+        return {
+            title: '自从用了它，家里朗朗书声，美妙极了！你家孩子也快来试试！',
+            path: '/pages/index/index',
+            imageUrl: 'http://reader-wx.ai160.com/images/reader/v3/learn/50fdd9225ae9b8c71a541981f2c46b95.png'
+        }
     }
 })

pages/invite/index.less

@@ -1,6 +1,6 @@
 .invite {
     width: 100%;
-    padding: 0 20rpx 400rpx;
+    padding: 0 20rpx 60rpx;
     box-sizing: border-box;
     min-height: 100vh;
     background-color: #291068;
@@ -119,4 +119,35 @@
             }
         }
     }
+
+    .guide {
+        padding: 26rpx 50rpx 40rpx;
+        margin-top: 420rpx;
+        background-color: #6B39D8;
+        border-radius: 20rpx;
+        color: white;
+        font-size: 26rpx;
+
+        .titleImg {
+            display: block;
+            margin: 0rpx auto 24rpx;
+            width: 100rpx;
+            height: 38rpx;
+        }
+
+        .row {
+            margin-top: 44rpx;
+
+            .logo {
+                width: 100rpx;
+                height: 25rpx;
+                margin-right: 20rpx;
+            }
+        }
+
+        .explain {
+            margin-top: 40rpx;
+            font-size: 24rpx;
+        }
+    }
 }

pages/invite/index.wxml

@@ -176,4 +176,20 @@
             </view>
         </view>
     </view>
+    <view class="guide">
+        <image src="/static/gl.png" class="titleImg" />
+        <view class="row">
+            <image src="/static/gline.png" class="logo" />
+            <text class="text">分享作品 - 群/好友</text>
+        </view>
+        <view class="row">
+            <image src="/static/gline.png" class="logo" />
+            <text class="text">分享活动 - 群/好友</text>
+        </view>
+        <view class="row">
+            <image src="/static/gline.png" class="logo" />
+            <text class="text">分享小程序 - 群/好友</text>
+        </view>
+        <view class="explain">新用户通过分享链接进到小程序，邀请成功。</view>
+    </view>
 </view>

pages/invite/index.wxss

@@ -1,6 +1,6 @@
 .invite {
   width: 100%;
-  padding: 0 20rpx 400rpx;
+  padding: 0 20rpx 60rpx;
   box-sizing: border-box;
   min-height: 100vh;
   background-color: #291068;
@@ -101,3 +101,29 @@
   width: 390rpx;
   height: 68rpx;
 }
+.invite .guide {
+  padding: 26rpx 50rpx 40rpx;
+  margin-top: 420rpx;
+  background-color: #6B39D8;
+  border-radius: 20rpx;
+  color: white;
+  font-size: 26rpx;
+}
+.invite .guide .titleImg {
+  display: block;
+  margin: 0rpx auto 24rpx;
+  width: 100rpx;
+  height: 38rpx;
+}
+.invite .guide .row {
+  margin-top: 44rpx;
+}
+.invite .guide .row .logo {
+  width: 100rpx;
+  height: 25rpx;
+  margin-right: 20rpx;
+}
+.invite .guide .explain {
+  margin-top: 40rpx;
+  font-size: 24rpx;
+}