xt / xcx-book · Commits

Go to a project

Commit c4bae88d8fa5d9b022d08aa6bc8fb06fe76c6265

Authored by wangfan
1 parent 00b61dc1
build: skipped

manager-invitation

Inline Side-by-side
Showing 10 changed files with 205 additions and 19 deletions
... ... @@ -32,7 +32,8 @@
"pages/reserve/search",
"pages/reserve/detail",
"pages/me/follow",
"pages/manager-invitation/index"
"pages/manager-invitation/index",
"pages/manager-invitation/review"
],
"subpackages": [
{
... ...
... ... @@ -13,13 +13,14 @@ Page({
*/
onLoad: function (options) {
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(),
})
}
dot.left=Math.random()*1000;
dots.push(dot)
}
this.setData({
dots:dots,
... ... @@ -73,5 +74,10 @@ Page({
*/
onShareAppMessage: function () {
}
},
userinfo(){
wx.redirectTo({
url:'./review'
});
},
})
\ No newline at end of file
... ...
{
"usingComponents": {}
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "white",
"navigationBarTitleText":"订座详情",
"usingComponents": {
"userinfo": "/components/userinfo/userinfo",
"nav":"/components/nav/nav",
"formids":"/components/formids/formids"
}
}
\ No newline at end of file
... ...
<!--pages/manager-invitation/index.wxml-->
<view class="pages flex-vc">
<view class="title">欢迎使用一键</view>
<view class="title">欢迎使用一键订</view>
<view class="steps flex-cc">
<view class="icon home"></view>
<view class="dot" wx:for="{{[4,5,6,7,8,9,10]}}" style="opacity:{{item/10}};" ></view>
<view class="icon user"></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>
... ...
... ... @@ -11,6 +11,7 @@ page{
height: 60rpx;
line-height: 60rpx;
font-weight: bold;
letter-spacing:6rpx;
}
.steps {
height: 54rpx;
... ... @@ -18,20 +19,17 @@ page{
line-height: 54rpx;
}
.steps .icon{
width: 58rpx;
height: 54rpx;
background-color: #61A5D1;
width: 56rpx;
height: 56rpx;
background-size: 100%;
}
.steps .icon.home{
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{
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{
width: 12rpx;
... ... @@ -48,4 +46,21 @@ page{
background-color: #ffffff;
opacity:0.1;
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;
}
\ No newline at end of file
... ...
// 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 () {
}
})
\ No newline at end of file
... ...
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "white",
"navigationBarTitleText":"订座详情",
"usingComponents": {
"userinfo": "/components/userinfo/userinfo",
"nav":"/components/nav/nav",
"formids":"/components/formids/formids"
}
}
\ No newline at end of file
... ...
<!--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;
}
\ No newline at end of file
... ...
... ... @@ -31,7 +31,7 @@
"list": []
},
"miniprogram": {
"current": 42,
"current": 43,
"list": [
{
"id": 0,
... ... @@ -356,6 +356,13 @@
"pathName": "pages/manager-invitation/index",
"query": "id=154",
"scene": null
},
{
"id": -1,
"name": "pages/manager-invitation/review",
"pathName": "pages/manager-invitation/review",
"query": "id=154",
"scene": null
}
]
}
... ...