manager-invitation

@@ -32,7 +32,8 @@
         "pages/reserve/search",
         "pages/reserve/search",
         "pages/reserve/detail",
         "pages/reserve/detail",
         "pages/me/follow",
         "pages/me/follow",
-        "pages/manager-invitation/index"
+        "pages/manager-invitation/index",
+        "pages/manager-invitation/review"
     ],
     ],
     "subpackages": [
     "subpackages": [
         {
         {

@@ -13,13 +13,14 @@ Page({
    */
    */
   onLoad: function (options) {
   onLoad: function (options) {
     let dots=[];
     let dots=[];
-    for(let i=0;i<10;i++){
-      dots.push({
-        left:0,
-        right:0,
-        bottom:0,
+    for(let i=0;i<15;i++){
+      let zf=Math.random()*10>5?1:-1;
+      let dot={
+        bottom:Math.random()*300*zf,
         zoom:Math.random(),
         zoom:Math.random(),
-      })
+      }
+      dot.left=Math.random()*1000;
+      dots.push(dot)
     }
     }
     this.setData({
     this.setData({
       dots:dots,
       dots:dots,
@@ -73,5 +74,10 @@ Page({
    */
    */
   onShareAppMessage: function () {
   onShareAppMessage: function () {
 
 
-  }
+  },
+  userinfo(){
+    wx.redirectTo({
+      url:'./review'
+    });
+  },
 })
 })

 {
 {
-  "usingComponents": {}
+  "navigationBarBackgroundColor": "#ffffff",
+  "navigationBarTextStyle": "white",
+  "navigationBarTitleText":"订座详情",
+  "usingComponents": {
+    "userinfo": "/components/userinfo/userinfo",
+    "nav":"/components/nav/nav",
+    "formids":"/components/formids/formids"
+  }
 }
 }

 <!--pages/manager-invitation/index.wxml-->
 <!--pages/manager-invitation/index.wxml-->
 <view class="pages flex-vc">
 <view class="pages flex-vc">
-    <view class="title">欢迎使用一键</view>
+    <view class="title">欢迎使用一键订</view>
     <view class="steps flex-cc">
     <view class="steps flex-cc">
         <view class="icon home"></view>
         <view class="icon home"></view>
         <view class="dot" wx:for="{{[4,5,6,7,8,9,10]}}" style="opacity:{{item/10}};" ></view>
         <view class="dot" wx:for="{{[4,5,6,7,8,9,10]}}" style="opacity:{{item/10}};" ></view>
         <view class="icon user"></view>
         <view class="icon user"></view>
     </view>
     </view>
-    <view class="dot-max" wx:for="{{dots}}" style="bottom: {{item.bottom}}rpx;left: {{item.left}}rpx;right: {{item.right}}rpx;zoom: {{item.zoom}};"></view>
+    <view class="info">一键订，客户经理专用的拓客工具</view>
+    <view class="dot-max" wx:for="{{dots}}" style="bottom: {{item.bottom}}rpx;left: {{item.left}}rpx;zoom: {{item.zoom}};"></view>
+    <userinfo binduserinfo="userinfo" style="width: 100%;">
+        <view class="userinfo">立即使用</view>
+    </userinfo>
 </view>
 </view>

@@ -11,6 +11,7 @@ page{
   height: 60rpx;
   height: 60rpx;
   line-height: 60rpx;
   line-height: 60rpx;
   font-weight: bold;
   font-weight: bold;
+  letter-spacing:6rpx;
 }
 }
 .steps {
 .steps {
   height: 54rpx;
   height: 54rpx;
@@ -18,20 +19,17 @@ page{
   line-height: 54rpx;
   line-height: 54rpx;
 }
 }
 .steps .icon{
 .steps .icon{
-  width: 58rpx;
-  height: 54rpx;
-  background-color: #61A5D1;
+  width: 56rpx;
+  height: 56rpx;
   background-size: 100%;
   background-size: 100%;
 }
 }
 .steps .icon.home{
 .steps .icon.home{
   margin-right: 40rpx;
   margin-right: 40rpx;
-  background-image: url("");
+  background-image: url("http://qn.colorcun.com/manager-invitation/%E5%95%86%E5%AE%B6.png");
 }
 }
 .steps .icon.user{
 .steps .icon.user{
   margin-left: 20rpx;
   margin-left: 20rpx;
-  width: 42rpx;
-  height: 50rpx;
-  background-image: url("");
+  background-image: url("http://qn.colorcun.com/manager-invitation/%E9%A1%BE%E5%AE%A2.png");
 }
 }
 .steps .dot{
 .steps .dot{
   width: 12rpx;
   width: 12rpx;
@@ -48,4 +46,21 @@ page{
   background-color: #ffffff;
   background-color: #ffffff;
   opacity:0.1;
   opacity:0.1;
   position: fixed;
   position: fixed;
+}
+.info{
+  margin-top: 42rpx;
+  height: 40rpx;
+  line-height: 40rpx;
+  font-size: 28rpx;
+}
+.userinfo{
+  color:#000000;
+  font-size: 34rpx;
+  height: 84rpx;
+  line-height: 84rpx;
+  border-radius: 42rpx;
+  background-color: #fefefe;
+  box-shadow: 0 4rpx 8rpx 0 #2B9397;
+  width:80%;
+  margin: 346rpx auto 0;
 }
 }

+// pages/manager-invitation/review.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+      height:667,
+      tpls:[
+        {id:1,code:1,name:'商务',},
+        {id:2,code:2,name:'温馨',},
+      ]
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+      //导航栏自适应
+      let systemInfo = wx.getSystemInfoSync();
+      let reg = /ios/i;
+      let pt = 20;//导航状态栏上内边距
+      let h = 44;//导航状态栏高度
+      if(reg.test(systemInfo.system)){
+        pt = systemInfo.statusBarHeight;
+        h = 44;
+      }else{
+        pt = systemInfo.statusBarHeight;
+        h = 48;
+      }
+      this.setData({
+        statusBarHeight: pt,
+        titleBarHeight:h,
+        height:getApp().system.windowHeight
+      })
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    }
+})

+{
+  "navigationBarBackgroundColor": "#ffffff",
+  "navigationBarTextStyle": "white",
+  "navigationBarTitleText":"订座详情",
+  "usingComponents": {
+    "userinfo": "/components/userinfo/userinfo",
+    "nav":"/components/nav/nav",
+    "formids":"/components/formids/formids"
+  }
+}

+<!--pages/manager-invitation/review.wxml-->
+<swiper
+        indicator-dots="{{false}}"
+        autoplay="{{false}}"
+        duration="{{500}}"
+        style="height:{{height}}px;"
+>
+    <block wx:for="{{[1,2,3]}}">
+        <swiper-item>
+            <view class="pages bg-{{item}}" style="height:{{height}}px;">
+                {{$item}}
+            </view>
+        </swiper-item>
+    </block>
+</swiper>
+<view
+        class="flex-vc"
+        style="position:fixed;top:{{statusBarHeight}}px;left:0;height: {{titleBarHeight}}px; line-height: {{titleBarHeight}}px;">
+    <view class="tabs flex-ll">
+        <view class="item active">AAA</view>
+        <view class="item">BBB</view>
+    </view>
+</view>

+/* pages/manager-invitation/review.wxss */
+.pages{
+  font-size: 200rpx;
+}
+.tabs{
+}
+.tabs .item{
+  font-size: 32rpx;
+  color:#999999;
+  margin-left: 20rpx;
+  padding: 0 10rpx;
+}
+.tabs .item.active{
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #E9D9B7;
+  border-bottom: 2rpx solid #E9D9B7;
+}
+.bg-1{
+  background-color: #61A5D1;
+}
+.bg-2{
+  background-color: #1AAD19;
+}
+.bg-3{
+  background-color: #AD7644;
+}

@@ -31,7 +31,7 @@
 			"list": []
 			"list": []
 		},
 		},
 		"miniprogram": {
 		"miniprogram": {
-			"current": 42,
+			"current": 43,
 			"list": [
 			"list": [
 				{
 				{
 					"id": 0,
 					"id": 0,
@@ -356,6 +356,13 @@
 					"pathName": "pages/manager-invitation/index",
 					"pathName": "pages/manager-invitation/index",
 					"query": "id=154",
 					"query": "id=154",
 					"scene": null
 					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "pages/manager-invitation/review",
+					"pathName": "pages/manager-invitation/review",
+					"query": "id=154",
+					"scene": null
 				}
 				}
 			]
 			]
 		}
 		}