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
1 // pages/manager-invitation/index.js 1 // pages/manager-invitation/index.js
2 Page({ 2 Page({
3 3
4 - /**  
5 - * 页面的初始数据  
6 - */  
7 - data: {  
8 -  
9 - },  
10 -  
11 - /**  
12 - * 生命周期函数--监听页面加载  
13 - */  
14 - onLoad: function (options) {  
15 -  
16 - }, 4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 + dots: [],
  9 + },
  10 +
  11 + /**
  12 + * 生命周期函数--监听页面加载
  13 + */
  14 + onLoad: function (options) {
  15 + let dots=[];
  16 + for(let i=0;i<10;i++){
  17 + dots.push({
  18 + left:0,
  19 + right:0,
  20 + bottom:0,
  21 + zoom:Math.random(),
  22 + })
  23 + }
  24 + this.setData({
  25 + dots:dots,
  26 + })
  27 + },
17 28
18 - /**  
19 - * 生命周期函数--监听页面初次渲染完成  
20 - */  
21 - onReady: function () { 29 + /**
  30 + * 生命周期函数--监听页面初次渲染完成
  31 + */
  32 + onReady: function () {
22 33
23 - }, 34 + },
24 35
25 - /**  
26 - * 生命周期函数--监听页面显示  
27 - */  
28 - onShow: function () { 36 + /**
  37 + * 生命周期函数--监听页面显示
  38 + */
  39 + onShow: function () {
29 40
30 - }, 41 + },
31 42
32 - /**  
33 - * 生命周期函数--监听页面隐藏  
34 - */  
35 - onHide: function () { 43 + /**
  44 + * 生命周期函数--监听页面隐藏
  45 + */
  46 + onHide: function () {
36 47
37 - }, 48 + },
38 49
39 - /**  
40 - * 生命周期函数--监听页面卸载  
41 - */  
42 - onUnload: function () { 50 + /**
  51 + * 生命周期函数--监听页面卸载
  52 + */
  53 + onUnload: function () {
43 54
44 - }, 55 + },
45 56
46 - /**  
47 - * 页面相关事件处理函数--监听用户下拉动作  
48 - */  
49 - onPullDownRefresh: function () { 57 + /**
  58 + * 页面相关事件处理函数--监听用户下拉动作
  59 + */
  60 + onPullDownRefresh: function () {
50 61
51 - }, 62 + },
52 63
53 - /**  
54 - * 页面上拉触底事件的处理函数  
55 - */  
56 - onReachBottom: function () { 64 + /**
  65 + * 页面上拉触底事件的处理函数
  66 + */
  67 + onReachBottom: function () {
57 68
58 - }, 69 + },
59 70
60 - /**  
61 - * 用户点击右上角分享  
62 - */  
63 - onShareAppMessage: function () { 71 + /**
  72 + * 用户点击右上角分享
  73 + */
  74 + onShareAppMessage: function () {
64 75
65 - } 76 + }
66 }) 77 })
1 <!--pages/manager-invitation/index.wxml--> 1 <!--pages/manager-invitation/index.wxml-->
2 -<text>pages/manager-invitation/index.wxml</text> 2 +<view class="pages flex-vc">
  3 + <view class="title">欢迎使用一键</view>
  4 + <view class="steps flex-cc">
  5 + <view class="icon home"></view>
  6 + <view class="dot" wx:for="{{[4,5,6,7,8,9,10]}}" style="opacity:{{item/10}};" ></view>
  7 + <view class="icon user"></view>
  8 + </view>
  9 + <view class="dot-max" wx:for="{{dots}}" style="bottom: {{item.bottom}}rpx;left: {{item.left}}rpx;right: {{item.right}}rpx;zoom: {{item.zoom}};"></view>
  10 +</view>
1 -/* pages/manager-invitation/index.wxss */  
  1 +/* pages/manager-invitation/index.wxss */
  2 +page{
  3 + background: linear-gradient(to bottom, #199095, #4BCACF);
  4 +}
  5 +.pages{
  6 + margin-top: 208rpx;
  7 + color:#FFFFFF;
  8 +}
  9 +.title{
  10 + font-size: 44rpx;
  11 + height: 60rpx;
  12 + line-height: 60rpx;
  13 + font-weight: bold;
  14 +}
  15 +.steps {
  16 + height: 54rpx;
  17 + margin-top: 200rpx;
  18 + line-height: 54rpx;
  19 +}
  20 +.steps .icon{
  21 + width: 58rpx;
  22 + height: 54rpx;
  23 + background-color: #61A5D1;
  24 + background-size: 100%;
  25 +}
  26 +.steps .icon.home{
  27 + margin-right: 40rpx;
  28 + background-image: url("");
  29 +}
  30 +.steps .icon.user{
  31 + margin-left: 20rpx;
  32 + width: 42rpx;
  33 + height: 50rpx;
  34 + background-image: url("");
  35 +}
  36 +.steps .dot{
  37 + width: 12rpx;
  38 + height: 12rpx;
  39 + border-radius: 50%;
  40 + background-color: #ffffff;
  41 + margin-right: 24rpx;
  42 +}
  43 +
  44 +.dot-max{
  45 + width: 200rpx;
  46 + height: 200rpx;
  47 + border-radius: 50%;
  48 + background-color: #ffffff;
  49 + opacity:0.1;
  50 + position: fixed;
  51 +}
@@ -31,7 +31,7 @@ @@ -31,7 +31,7 @@
31 "list": [] 31 "list": []
32 }, 32 },
33 "miniprogram": { 33 "miniprogram": {
34 - "current": 38, 34 + "current": 42,
35 "list": [ 35 "list": [
36 { 36 {
37 "id": 0, 37 "id": 0,
@@ -336,19 +336,26 @@ @@ -336,19 +336,26 @@
336 "query": "id=154", 336 "query": "id=154",
337 "scene": null 337 "scene": null
338 }, 338 },
339 - {  
340 - "id": 40,  
341 - "name": "邀请Ren pages/customer/index ",  
342 - "pathName": "pages/customer/detail_owner_invitation",  
343 - "query": "id=3672&fromid=test&hasInvitation=1&hasSellerShare=1",  
344 - "scene": null  
345 - }, 339 + {
  340 + "id": 40,
  341 + "name": "邀请Ren pages/customer/index ",
  342 + "pathName": "pages/customer/detail_owner_invitation",
  343 + "query": "id=3672&fromid=test&hasInvitation=1&hasSellerShare=1",
  344 + "scene": null
  345 + },
346 { 346 {
347 "id": -1, 347 "id": -1,
348 "name": "我的收藏 pages/me/follow", 348 "name": "我的收藏 pages/me/follow",
349 "pathName": "pages/me/follow", 349 "pathName": "pages/me/follow",
350 "query": "", 350 "query": "",
351 "scene": null 351 "scene": null
  352 + },
  353 + {
  354 + "id": -1,
  355 + "name": "pages/manager-invitation/index",
  356 + "pathName": "pages/manager-invitation/index",
  357 + "query": "id=154",
  358 + "scene": null
352 } 359 }
353 ] 360 ]
354 } 361 }