Skip to content

dev / marubi-wish-list-mp

Go to a project
Toggle navigation
Toggle navigation pinning
89352d16 by simon
Options

版本提交

1 parent 678744e3
Inline Side-by-side
Showing 23 changed files with 374 additions and 27 deletions
1 let productMap = {
2 "P000000000000000000000000000001": {
3 "name": "丸美白色之恋纯白淡黑眼霜20g",
4 "tag": "1",
5 },
6 "P000000000000000000000000000002": {
7 "name": "丸美纯色之恋光透精华液30ml",
8 "tag": "2",
9 },
10 "P000000000000000000000000000003": {
11 "name": "丸美弹力蛋白眼精华素10g+10g",
12 "tag": "3",
13 },
14 "P000000000000000000000000000004": {
15 "name": "丸美巧克力青春丝滑洁面啫喱120g",
16 "tag": "4",
17 },
18 "P000000000000000000000000000005": {
19 "name": "丸美巧克力青春丝滑毛孔隐形精华露35ml",
20 "tag": "5",
21 },
22 "P000000000000000000000000000006": {
23 "name": "丸美巧克力青春丝滑眼乳霜25g",
24 "tag": "6",
25 },
26 "P000000000000000000000000000007": {
27 "name": "丸美巧克力青春丝滑水190ml",
28 "tag": "7",
29 },
30 "P000000000000000000000000000008": {
31 "name": "丸美雪绒花纯净保湿咕嘟咕嘟菁华露80ml",
32 "tag": "8",
33 },
34 "P000000000000000000000000000009": {
35 "name": "丸美雪绒花纯净保湿洁面乳120g",
36 "tag": "9",
37 },
38 "P000000000000000000000000000010": {
39 "name": "丸美雪绒花纯净保湿深润霜50g",
40 "tag": "10",
41 },
42
43
44
45 }

429 KB | W: | H:

133 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

42.8 KB | W: | H:

33 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

33 KB | W: | H:

28 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
...@@ -6,7 +6,7 @@ Page({ ...@@ -6,7 +6,7 @@ Page({
6 tipsNewMemberVisible: false, 6 tipsNewMemberVisible: false,
7 tipsWishVisible: false, 7 tipsWishVisible: false,
8 tipsShakeVisible: false, 8 tipsShakeVisible: false,
9 tipsCreateCompleteVisible: true, 9 tipsCreateCompleteVisible: false,
10 curStatus: 1, // 当前场景 10 curStatus: 1, // 当前场景
11 candidate: [], // 心愿候选列表 11 candidate: [], // 心愿候选列表
12 myWishList: [], // 我的心愿列表 12 myWishList: [], // 我的心愿列表
...@@ -161,8 +161,8 @@ Page({ ...@@ -161,8 +161,8 @@ Page({
161 tipsGroupMemberVisible: false, 161 tipsGroupMemberVisible: false,
162 tipsNewMemberVisible: false, 162 tipsNewMemberVisible: false,
163 tipsWishVisible: false, 163 tipsWishVisible: false,
164 tipsWishVisible:false, 164 tipsWishVisible: false,
165 tipsCreateCompleteVisible:false, 165 tipsCreateCompleteVisible: false,
166 }) 166 })
167 break; 167 break;
168 168
......
1 let app = getApp(); 1 let app = getApp();
2 Page({ 2 Page({
3 data: {}, 3 data: {
4 rank: [],
5 downRank: [],
6 myRank: {}
7 },
4 onShareAppMessage() {}, 8 onShareAppMessage() {},
5 onLoad(options) {}, 9 onLoad(options) {
10 this.initData();
11 },
12 initData() {
13 app.post({
14 url: app.api.rank,
15 data: {}
16 }).then((result) => {
17 console.log("result:", result);
18 let downRank = result.rank.filter((item) => {
19 return !(item.no == 1 || item.no == 2 || item.no == 3);
20 })
21 console.log("downRank:", downRank);
22 this.setData({
23 rank: result.rank,
24 myRank: result.my,
25 downRank: downRank
26 })
27 })
28 },
6 // 子组件事件 29 // 子组件事件
7 evtcomp(evt) { 30 evtcomp(evt) {
8 let { 31 let {
...@@ -10,7 +33,6 @@ Page({ ...@@ -10,7 +33,6 @@ Page({
10 data 33 data
11 } = evt.detail; 34 } = evt.detail;
12 switch (name) { 35 switch (name) {
13
14 case "_evt_hide": 36 case "_evt_hide":
15 break; 37 break;
16 38
......
1 { 1 {
2 "navigationBarTitleText": "more" 2 "navigationBarTitleText": "我的心愿单"
3 } 3 }
......
...@@ -2,10 +2,36 @@ ...@@ -2,10 +2,36 @@
2 @import '../../assets/scss/utils'; 2 @import '../../assets/scss/utils';
3 3
4 .page { 4 .page {
5 .bgc {} 5 padding-bottom: $pageBottom;
6
7 .bgc {
8 background-color: #f3dfe2;
9 }
6 10
7 .bg {} 11 .bg {}
8 12
13 .decoration {
14 position: relative;
15
16 .d1 {
17 position: absolute;
18 width: 90px;
19 height: 433px;
20 top: 340px;
21 left: 0;
22 z-index: 11;
23 }
24
25 .d2 {
26 position: fixed;
27 width: 145px;
28 height: 368px;
29 right: 0;
30 top: 220px;
31 z-index: 11;
32 }
33 }
34
9 .main { 35 .main {
10 .top-space { 36 .top-space {
11 height: 0px; 37 height: 0px;
...@@ -13,6 +39,183 @@ ...@@ -13,6 +39,183 @@
13 39
14 .content { 40 .content {
15 position: relative; 41 position: relative;
42
43 // banner图
44 .banner {
45 position: relative;
46 width: 750px;
47 height: 435px;
48 z-index: 22;
49
50 .ebg {
51 position: absolute;
52 width: 750px;
53 height: 435px;
54 }
55
56 .space1 {
57 height: 40px;
58 }
59
60 .bang {
61 position: relative;
62 display: flex;
63 justify-content: center;
64
65 &-item {
66 width: 175px;
67 height: 175px;
68 margin: 0 27px;
69 color: #ffffff;
70 text-align: center;
71
72 .display {
73 width: 175px;
74 height: 200px;
75 // background-color: wheat;
76 display: flex;
77 align-items: flex-end;
78 justify-content: center;
79
80 .border {
81 position: relative;
82 width: 175px;
83 height: 175px;
84 border: solid 3px #e1ba32;
85 border-radius: 87.5px;
86 @extend .fcc;
87
88 .inner {
89 width: 160px;
90 height: 160px;
91 background-color: #fff;
92 border-radius: 80px;
93 @extend .fcc;
94
95 .portrait {
96 width: 156px;
97 height: 156px;
98 border-radius: 78px;
99 }
100 }
101
102 .inner2 {
103 width: 116px;
104 height: 116px;
105 border-radius: 58px;
106 }
107
108 .no {
109 background-image: linear-gradient(to bottom, #ffe375, #ffbf27);
110 position: absolute;
111 left: 0;
112 right: 0;
113 bottom: -12px;
114 margin: 0 auto;
115 color: #b6141c;
116 @include btc(107px, 38px);
117 font-size: 30px;
118 }
119
120 .no2 {
121 @include btc(77px, 28px);
122 background-image: none;
123 background-color: #9e9e9e;
124 font-size: 22px;
125 }
126
127 .no3 {
128 background-color: #ca8d54;
129 }
130
131 }
132
133 .border2 {
134 width: 127px;
135 height: 127px;
136 border: solid 3px #9e9e9e;
137 }
138
139 .border3 {
140 width: 127px;
141 height: 127px;
142 border: solid 3px #e1ba32;
143 }
144 }
145
146 .nickname {
147 margin-top: 32px;
148 font-size: 28px;
149 @include ellipsis(1);
150 }
151
152 .val {
153 font-size: 24px;
154 margin-top: 2px;
155 }
156
157 }
158 }
159 }
160
161 .rank {
162 margin: 24px auto 0;
163 width: 692px;
164 min-height: 874px;
165 background-color: #ffffff;
166 padding: 32px 0;
167 @extend .bb;
168
169 &-item {
170 margin: 0 auto;
171 height: 120px;
172 width: 620px;
173 border-bottom: solid 1px #dfd8d4;
174 display: flex;
175 align-items: center;
176
177 .no {
178 width: 80px;
179 text-align: center;
180 color: #c10323;
181 font-size: 24px;
182 }
183
184 .portrait {
185 @extend .fcc;
186 margin: 0 40px;
187 width: 76px;
188 height: 76px;
189 background-color: #c0162a;
190 border-radius: 38px;
191
192 image {
193 width: 72px;
194 height: 72px;
195 border-radius: 32px;
196 }
197 }
198
199 .nickname {
200 flex: 1;
201 color: #333333;
202 font-size: 24px;
203 @include ellipsis(1);
204 }
205
206 .val {
207 width: 100px;
208 text-align: center;
209 color: #c10323;
210 font-size: 28px;
211 }
212
213 }
214
215 .last {
216 border-bottom: none;
217 }
218 }
16 } 219 }
17 } 220 }
18 } 221 }
......
1 <view class="page"> 1 <view class="page">
2 <view class="app__bgc bgc"></view> 2 <view class="app__bgc bgc"></view>
3 <view class="app__bg bg"></view> 3 <view class="app__bg bg"></view>
4 <!-- <view class="app__top-shadow"></view> --> 4
5 <view class="decoration">
6 <image class="d1" src="../../image/oss/rank/rank-d1.png" mode="widthFix" />
7 <image class="d2" src="../../image/oss/rank/rank-d2.png" mode="widthFix" />
8 </view>
5 <view class="app__content main"> 9 <view class="app__content main">
6 <view class="top-space"></view> 10 <view class="top-space"></view>
7 <view class="content"></view> 11 <view class="content">
12 <view class="banner">
13 <image class="ebg" mode="widthFix" src="../../image/oss/rank/rank-c1.png" />
14 <view class="space1"></view>
15 <!-- 上方排行榜 -->
16 <view class="bang">
17 <!-- 亚军 -->
18 <view class="bang-item">
19 <view class="display">
20 <view class="border border2">
21 <view class="inner inner2">
22 <image class="portrait" mode="widthFix" src="{{rank[0].avatar}}" />
23 </view>
24 <view class="no no2 ">NO.2</view>
25 </view>
26 </view>
27 <view class="nickname">{{rank[1].nickname}}</view>
28 <view class="val">弹力值: {{rank[1].elasticValue}}</view>
29 </view>
30 <!-- 冠军 -->
31 <view class="bang-item">
32 <view class="display">
33 <view class="border">
34 <view class="inner">
35 <image class="portrait" mode="widthFix" src="{{rank[0].avatar}}" />
36 </view>
37 <view class="no">NO.1</view>
38 </view>
39 </view>
40 <view class="nickname">{{rank[0].nickname}}</view>
41 <view class="val">弹力值: {{rank[0].elasticValue}}</view>
42 </view>
43 <!-- 季军 -->
44 <view class="bang-item">
45 <view class="display">
46 <view class="border border3">
47 <view class="inner inner2">
48 <image class="portrait" mode="widthFix" src="{{rank[2].avatar}}" />
49 </view>
50 <view class="no no2 no3">NO.3</view>
51 </view>
52 </view>
53 <view class="nickname">{{rank[2].nickname}}</view>
54 <view class="val">弹力值: {{rank[2].elasticValue}}</view>
55 </view>
56 </view>
57 </view>
58 <!-- 下方排行榜 -->
59 <view class="rank">
60 <view wx:for="{{downRank}}" wx:key="{{index}}" class="rank-item {{downRank.length-1 == index?'last':''}}">
61 <view class="no">NO.{{item.no}}</view>
62 <view class="portrait">
63 <image mode="widthFix" src="{{item.avatar}}" />
64 </view>
65 <view class="nickname">{{item.nickname}}</view>
66 <view class="val">{{item.elasticValue}}</view>
67 </view>
68 </view>
69 </view>
8 </view> 70 </view>
9 </view> 71 </view>
......
...@@ -31,6 +31,16 @@ Page({ ...@@ -31,6 +31,16 @@ Page({
31 path: "poster" 31 path: "poster"
32 }) 32 })
33 }, 33 },
34 // 查看排行榜
35 onRankHandler() {
36 app.router.push({
37 path: "rank"
38 })
39 },
40 // 分享
41 onShareHandler() {
42
43 },
34 // 获取心愿单详情 44 // 获取心愿单详情
35 queryWishbillDetail() { 45 queryWishbillDetail() {
36 return new Promise((resolve, reject) => { 46 return new Promise((resolve, reject) => {
......
...@@ -148,6 +148,16 @@ ...@@ -148,6 +148,16 @@
148 width: 100%; 148 width: 100%;
149 // margin: 12px 0; 149 // margin: 12px 0;
150 margin-bottom: 20px; 150 margin-bottom: 20px;
151 text-align: left;
152 .t1{
153 color: #af435a;
154 }
155
156 }
157 .empty{
158 text-align: center;
159 padding-top: 80px;
160 color: #333333;
151 } 161 }
152 } 162 }
153 } 163 }
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 <view class="space1"></view> 18 <view class="space1"></view>
19 <view class="nickname">{{wishInfo.member.nickname}}</view> 19 <view class="nickname">{{wishInfo.member.nickname}}</view>
20 <view class="number">{{wishInfo.member.mobile}}</view> 20 <view class="number">{{wishInfo.member.mobile}}</view>
21 <view class="mycard">我的卡券</view> 21 <view bindtap="onMyCardHandler" class="mycard">我的卡券</view>
22 </view> 22 </view>
23 <view bindtap="onCreatePosterHandler" class="poster-btn">生成海报</view> 23 <view bindtap="onCreatePosterHandler" class="poster-btn">生成海报</view>
24 </view> 24 </view>
...@@ -27,29 +27,24 @@ ...@@ -27,29 +27,24 @@
27 <view class="tit">· 我的弹力帮帮团 ·</view> 27 <view class="tit">· 我的弹力帮帮团 ·</view>
28 <view class="tips"> 28 <view class="tips">
29 积累 29 积累
30 <span class="t1">5</span> 30 <span class="t1">{{helperInfo.total}}</span>
31 人助力，获得 31 人助力，获得
32 <span class="t1">12100</span> 32 <span class="t1">{{helperInfo.totalElasticValue}}</span>
33 弹力值！ 33 弹力值！
34 </view> 34 </view>
35 <scroll-view scroll-y="{{true}}" class="list"> 35 <scroll-view scroll-y="{{true}}" class="list">
36 <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view> 36 <view wx:for="{{helperInfo.helpers}}" wx:key="{{index}}" class="list-item">
37 <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view> 37 <span class="t1">·{{item.helperNickname}}</span>
38 <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view> 38 {{item.tip}}
39 <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view> 39 <span class="t1">{{item.elasticValue}}</span>
40 <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view> 40 弹力值！
41 <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view> 41 </view>
42 <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view> 42 <view class="empty" wx:if="{{helperInfo.helpers.length <= 0}}">这里空空如也~</view>
43 <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
44 <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
45 <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
46 <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
47 <view class="list-item">·小丸子 刚刚使出吃奶的力气，帮你摇出了 140 弹力值！</view>
48 </scroll-view> 43 </scroll-view>
49 </view> 44 </view>
50 <view class="btn-wrap"> 45 <view class="btn-wrap">
51 <view class="btn btn2">弹力girl榜单</view> 46 <view bindtap="onRankHandler" class="btn btn2">弹力girl榜单</view>
52 <view class="btn">弹弹好友</view> 47 <view bindtap="onShareHandler" class="btn">弹弹好友</view>
53 </view> 48 </view>
54 </view> 49 </view>
55 <!-- 规则按钮 --> 50 <!-- 规则按钮 -->
......