xt / xcx-book · Commits

Go to a project

Commit 00b61dc1400047ae270ab985ee157888290610a7

Authored by wangfan
1 parent 9411c577
build: skipped

manager-invitation

Inline Side-by-side
Showing 4 changed files with 134 additions and 58 deletions
// pages/manager-invitation/index.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 页面的初始数据
*/
data: {
dots: [],
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
let dots=[];
for(let i=0;i<10;i++){
dots.push({
left:0,
right:0,
bottom:0,
zoom:Math.random(),
})
}
this.setData({
dots:dots,
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
}
})
\ No newline at end of file
... ...
<!--pages/manager-invitation/index.wxml-->
<text>pages/manager-invitation/index.wxml</text>
<view class="pages flex-vc">
<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>
... ...
/* pages/manager-invitation/index.wxss */
\ No newline at end of file
/* pages/manager-invitation/index.wxss */
page{
background: linear-gradient(to bottom, #199095, #4BCACF);
}
.pages{
margin-top: 208rpx;
color:#FFFFFF;
}
.title{
font-size: 44rpx;
height: 60rpx;
line-height: 60rpx;
font-weight: bold;
}
.steps {
height: 54rpx;
margin-top: 200rpx;
line-height: 54rpx;
}
.steps .icon{
width: 58rpx;
height: 54rpx;
background-color: #61A5D1;
background-size: 100%;
}
.steps .icon.home{
margin-right: 40rpx;
background-image: url("");
}
.steps .icon.user{
margin-left: 20rpx;
width: 42rpx;
height: 50rpx;
background-image: url("");
}
.steps .dot{
width: 12rpx;
height: 12rpx;
border-radius: 50%;
background-color: #ffffff;
margin-right: 24rpx;
}
.dot-max{
width: 200rpx;
height: 200rpx;
border-radius: 50%;
background-color: #ffffff;
opacity:0.1;
position: fixed;
}
\ No newline at end of file
... ...
... ... @@ -31,7 +31,7 @@
"list": []
},
"miniprogram": {
"current": 38,
"current": 42,
"list": [
{
"id": 0,
... ... @@ -336,19 +336,26 @@
"query": "id=154",
"scene": null
},
{
"id": 40,
"name": "邀请Ren pages/customer/index ",
"pathName": "pages/customer/detail_owner_invitation",
"query": "id=3672&fromid=test&hasInvitation=1&hasSellerShare=1",
"scene": null
},
{
"id": 40,
"name": "邀请Ren pages/customer/index ",
"pathName": "pages/customer/detail_owner_invitation",
"query": "id=3672&fromid=test&hasInvitation=1&hasSellerShare=1",
"scene": null
},
{
"id": -1,
"name": "我的收藏 pages/me/follow",
"pathName": "pages/me/follow",
"query": "",
"scene": null
},
{
"id": -1,
"name": "pages/manager-invitation/index",
"pathName": "pages/manager-invitation/index",
"query": "id=154",
"scene": null
}
]
}
... ...