开发招募页面

app.json

@@ -29,6 +29,12 @@
         "pages/searchFriend/index",
         "pages/orderRecord/index"
     ],
+    "subpackages": [{
+        "root": "salesperson",
+        "pages": [
+            "pages/sale/index"
+        ]
+    }],
     "tabBar": {
         "custom": true,
         "list": [{

pages/my/index.wxml

@@ -75,7 +75,7 @@
             </view>
             <image class='black' src='/static/black.png'></image>
         </view>
-        <view class="activation" bindtap="toGzh">
+        <view class="activation" bindtap="jump" data-url="/salesperson/pages/sale/index">
             <view class="tips">
                 <image src="/static/tjg.png" class="tipsImg" />成为推荐官
             </view>

salesperson/pages/sale/index.js

@@ -0,0 +1,66 @@
+// salesperson/pages/sale/index.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

salesperson/pages/sale/index.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationStyle": "custom"
+}

salesperson/pages/sale/index.less

@@ -0,0 +1,52 @@
+.container {
+    position: relative;
+    width: 750rpx;
+    min-height: 1330rpx;
+    height: 100vh;
+    background: url(https://reader-wx.ai160.com/images/reader/sell/saleBg.jpg) no-repeat;
+    background-size: 100%;
+    background-color: #FDA118;
+
+    .rule {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        position: absolute;
+        top: 1030rpx;
+        color: #4AC2FF;
+        font-size: 32rpx;
+        .blueR{
+            margin-left:15rpx;
+            width: 20rpx;
+            height: 30rpx;
+        }
+    }
+
+    .tips {
+        position: absolute;
+        top: 1140rpx;
+        width: 100%;
+        text-align: center;
+        color: white;
+        font-size: 32rpx;
+    }
+
+    .bottom {
+        position: absolute;
+        width: 100%;
+        padding: 26rpx 0;
+        bottom: 0;
+        left: 0;
+        background-color: white;
+
+        .btn {
+            margin: 0 auto;
+            width: 466rpx;
+            padding: 14rpx 0;
+            background: linear-gradient(180deg, #6EC8FF 0%, #31BDFE 100%);
+            border-radius: 39rpx;
+            color: white;
+        }
+    }
+}

salesperson/pages/sale/index.wxml

@@ -0,0 +1,9 @@
+<view class="container">
+    <view class="rule">佣金规则
+        <image src="../../image/blueR.png" class='blueR' />
+    </view>
+    <view class="tips">注册推荐官，请填写个人信息</view>
+    <view class="bottom">
+        <button class="resetBtn btn">填写个人信息</button>
+    </view>
+</view>

salesperson/pages/sale/index.wxss

@@ -0,0 +1,48 @@
+.container {
+  position: relative;
+  width: 750rpx;
+  min-height: 1330rpx;
+  height: 100vh;
+  background: url(https://reader-wx.ai160.com/images/reader/sell/saleBg.jpg) no-repeat;
+  background-size: 100%;
+  background-color: #FDA118;
+}
+.container .rule {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  position: absolute;
+  top: 1030rpx;
+  color: #4AC2FF;
+  font-size: 32rpx;
+}
+.container .rule .blueR {
+  margin-left: 15rpx;
+  width: 20rpx;
+  height: 30rpx;
+}
+.container .tips {
+  position: absolute;
+  top: 1140rpx;
+  width: 100%;
+  text-align: center;
+  color: white;
+  font-size: 32rpx;
+}
+.container .bottom {
+  position: absolute;
+  width: 100%;
+  padding: 26rpx 0;
+  bottom: 0;
+  left: 0;
+  background-color: white;
+}
+.container .bottom .btn {
+  margin: 0 auto;
+  width: 466rpx;
+  padding: 14rpx 0;
+  background: linear-gradient(180deg, #6EC8FF 0%, #31BDFE 100%);
+  border-radius: 39rpx;
+  color: white;
+}