Commit 80b4ad922c13fdbd4d6afc66099062edb1860651
1 parent
7fb3975a
1.我的礼包的优化,
Showing
6 changed files
with
87 additions
and
9 deletions
components/qr_code/qr_code.wxss
... | ... | @@ -90,14 +90,14 @@ top: 5rpx; |
90 | 90 | .qrcode{ |
91 | 91 | width:520rpx; |
92 | 92 | height:520rpx; |
93 | - margin-top:-27rpx | |
93 | + margin-top:-18rpx | |
94 | 94 | |
95 | 95 | |
96 | 96 | } |
97 | 97 | .r-code{ |
98 | 98 | font-size:28rpx; |
99 | - padding-left: 25rpx; | |
100 | -margin-top: -5.5rpx; | |
99 | + margin-top: -5.5rpx; | |
100 | + text-align: center; | |
101 | 101 | |
102 | 102 | } |
103 | 103 | ... | ... |
packageA/pages/myGift/myGift.js
... | ... | @@ -315,5 +315,19 @@ Page({ |
315 | 315 | |
316 | 316 | }) |
317 | 317 | }, |
318 | + | |
319 | + | |
320 | + show_remark:function(e){ | |
321 | + var index=e.currentTarget.dataset.index; | |
322 | + var item=this.data.list.pageData[index]; | |
323 | + this.setData({ | |
324 | + show_rem_pop:1, | |
325 | + pop_remark_text:item.lbintro | |
326 | + }) | |
327 | + }, | |
328 | + | |
329 | + close_remark:function(){ | |
330 | + this.setData({show_rem_pop:0,}) | |
331 | + } | |
318 | 332 | |
319 | 333 | }) |
320 | 334 | \ No newline at end of file | ... | ... |
packageA/pages/myGift/myGift.wxml
... | ... | @@ -8,7 +8,10 @@ |
8 | 8 | <view class="tab-item" wx:for="{{list.pageData}}"> |
9 | 9 | <view bindtap="goto" data-url="{{'/packageA/pages/myGiftDetails/myGiftDetails?index=0&id=' + item.id}}"> |
10 | 10 | <!-- 图片 --> |
11 | - <view class="img-container"><image src="{{imghost + (item.lburl ? item.lburl:'miniapp/images/default_g_img.gif')}}" class="img" mode="widthFix"/></view> | |
11 | + <view class="img-container rel"> | |
12 | + <image src="{{imghost + (item.lburl ? item.lburl:'miniapp/images/default_g_img.gif')}}" class="img" mode="widthFix"/> | |
13 | + <view catchtap="show_remark" data-index="{{index}}" class="lb_remark ellipsis-1" wx:if="{{item.lbintro}}">活动说明:{{item.lbintro}}</view> | |
14 | + </view> | |
12 | 15 | <view class="desc-container"> |
13 | 16 | <!-- 标题 --> |
14 | 17 | <view class="mgb10 ellipsis-2 lh taj">{{item.lbtitle}}</view> |
... | ... | @@ -53,9 +56,10 @@ |
53 | 56 | <view class="mgb10 ellipsis-2 lh taj">{{item.lbtitle}}</view> |
54 | 57 | <!-- 时间 --> |
55 | 58 | <view class="date pdb20">兑换截止日期 {{filter.format_time(item.endtime)}}</view> |
59 | + <view catchtap="show_remark" data-index="{{index}}" wx:if="{{item.lbintro}}" class="date pdb20">活动说明</view> | |
56 | 60 | </view> |
57 | 61 | <!-- 说明 --> |
58 | - <!-- <view class="c-red fs24">*请到线下门店兑换</view> --> | |
62 | + <view wx:if="{{item.lbtype==1}}" class="c-red fs24">注:请到线下门店兑换</view> | |
59 | 63 | </view> |
60 | 64 | </view> |
61 | 65 | </block> |
... | ... | @@ -68,3 +72,13 @@ |
68 | 72 | <!-- 引入提示组件 --> |
69 | 73 | <warn id="warn"></warn> |
70 | 74 | <my_confirm id="my_confirm"></my_confirm> |
75 | +<view wx:if="{{show_rem_pop}}"> | |
76 | + <view class="cover-layer" bindtap="close_remark"></view> | |
77 | + <view class="rem_pop;"> | |
78 | + <view style="text-align: right;"bindtap="close_remark"><text class="iconfont icon-close" style="font-size: 40rpx;"></text></view> | |
79 | + <view style="padding: 0 16rpx;"> | |
80 | + <view class="fs32">活动说明:</view> | |
81 | + <view class="fs30">{{pop_remark_text}}</view> | |
82 | + </view> | |
83 | + </view> | |
84 | +</view> | |
71 | 85 | \ No newline at end of file | ... | ... |
packageA/pages/myGift/myGift.wxss
... | ... | @@ -164,4 +164,28 @@ page { |
164 | 164 | color: #bbb; |
165 | 165 | text-align: center; |
166 | 166 | font-size: 22rpx; |
167 | -} | |
168 | 167 | \ No newline at end of file |
168 | +} | |
169 | +.lb_remark{ | |
170 | + position: absolute; | |
171 | + bottom: 0; | |
172 | + left: 0; | |
173 | + width: 100%; | |
174 | + height: 50rpx; | |
175 | + line-height: 50rpx; | |
176 | + font-size: 30rpx; | |
177 | + color: #333; | |
178 | + padding-left: 10rpx; | |
179 | + background-color: rgba(250,250,250,0.5); | |
180 | +} | |
181 | + | |
182 | +.rem_pop{ | |
183 | + position: fixed; | |
184 | + top: 30%; | |
185 | + left: 6%; | |
186 | + width: 88%; | |
187 | + margin: 0 auto; | |
188 | + height: 460rpx; | |
189 | + background-color: #fff; | |
190 | + z-index: 100; border-radius: 10rpx; | |
191 | + padding: 10rpx; | |
192 | +} | ... | ... |
packageA/pages/myGiftDetails/myGiftDetails.js
packageA/pages/myGiftDetails/myGiftDetails.wxml
... | ... | @@ -71,14 +71,40 @@ |
71 | 71 | </view> |
72 | 72 | |
73 | 73 | <view wx:if="{{details.lbtype==2}}" class="flex" style="flex-wrap: wrap;"> |
74 | - <block wx:for="{{list}}"> | |
74 | + <block wx:for="{{list}}" wx:for-index="f_idx"> | |
75 | + <block wx:for="{{item.goods_num-0}}" wx:for-item="nitem" wx:for-index="idx"> | |
75 | 76 | <view class="lb_quan" style="background-image: url({{imghost}}/miniapp/images/yhq_{{index%2+1}}.png)"> |
76 | 77 | <view class="flex fs28 fir_view"> |
77 | 78 | <view>满{{item.condition}}使用</view> |
78 | 79 | <view class="fs8" style="text-align: right">¥{{item.money}}</view> |
79 | 80 | </view> |
80 | - <view style="font-size: 16rpx; text-align: center">活动结束日期{{filter.format_time(item.use_end_time,1)}}</view> | |
81 | + | |
82 | + | |
83 | + <view style="font-size: 16rpx; text-align: center"> {{index==0?'活动结束日期':'截至时间'}}: | |
84 | + | |
85 | + <block wx:if="{{item.endtype<1}}"> | |
86 | + <block wx:if="{{item.use_end_time}}"> | |
87 | + {{filter.format_time(item.use_end_time,1)}} | |
88 | + </block> | |
89 | + <block wx:else> | |
90 | + 不限 | |
91 | + </block> | |
92 | + </block> | |
93 | + | |
94 | + <block wx:else> | |
95 | + <block wx:if="{{item.days>0}}"> | |
96 | + 有效期{{item.days}}天 | |
97 | + </block> | |
98 | + <block wx:else> | |
99 | + 不限 | |
100 | + </block> | |
101 | + | |
102 | + </block> | |
103 | + </view> | |
104 | + | |
105 | + | |
81 | 106 | </view> |
107 | + </block> | |
82 | 108 | </block> |
83 | 109 | </view> |
84 | 110 | ... | ... |