Commit 4b09e89180b0812f40ce642a275b472a62dce8a2
1 parent
a54e369f
首页幸运购，当前默认隐藏不显示
Showing
3 changed files
with
137 additions
and
5 deletions
app.wxss
| @@ -4,6 +4,9 @@ | @@ -4,6 +4,9 @@ | ||
| 4 | .pdt4 { | 4 | .pdt4 { |
| 5 | padding-top: 4rpx; | 5 | padding-top: 4rpx; |
| 6 | } | 6 | } |
| 7 | +.pdt6 { | ||
| 8 | + padding-top: 6rpx; | ||
| 9 | +} | ||
| 7 | .pd10 { | 10 | .pd10 { |
| 8 | padding: 10rpx; | 11 | padding: 10rpx; |
| 9 | } | 12 | } |
| @@ -712,9 +715,9 @@ background: #ffe3e2; | @@ -712,9 +715,9 @@ background: #ffe3e2; | ||
| 712 | /* 图标字体(ty) */ | 715 | /* 图标字体(ty) */ |
| 713 | @font-face { | 716 | @font-face { |
| 714 | font-family: 'iconfont'; /* Project id 2054717 */ | 717 | font-family: 'iconfont'; /* Project id 2054717 */ |
| 715 | - src: url('//at.alicdn.com/t/font_2054717_5ibgy0a15gm.woff2?t=1635479077648') format('woff2'), | ||
| 716 | - url('//at.alicdn.com/t/font_2054717_5ibgy0a15gm.woff?t=1635479077648') format('woff'), | ||
| 717 | - url('//at.alicdn.com/t/font_2054717_5ibgy0a15gm.ttf?t=1635479077648') format('truetype'); | 718 | + src: url('//at.alicdn.com/t/font_2054717_kwrwze5y6c.woff2?t=1635844276600') format('woff2'), |
| 719 | + url('//at.alicdn.com/t/font_2054717_kwrwze5y6c.woff?t=1635844276600') format('woff'), | ||
| 720 | + url('//at.alicdn.com/t/font_2054717_kwrwze5y6c.ttf?t=1635844276600') format('truetype'); | ||
| 718 | } | 721 | } |
| 719 | 722 | ||
| 720 | .iconfont { | 723 | .iconfont { |
| @@ -725,6 +728,10 @@ background: #ffe3e2; | @@ -725,6 +728,10 @@ background: #ffe3e2; | ||
| 725 | -moz-osx-font-smoothing: grayscale; | 728 | -moz-osx-font-smoothing: grayscale; |
| 726 | } | 729 | } |
| 727 | 730 | ||
| 731 | +.icon-luck:before { | ||
| 732 | + content: "\e621"; | ||
| 733 | +} | ||
| 734 | + | ||
| 728 | .icon-shizhong:before { | 735 | .icon-shizhong:before { |
| 729 | content: "\e74f"; | 736 | content: "\e74f"; |
| 730 | } | 737 | } |
pages/index/index/index.wxml
| @@ -215,7 +215,52 @@ | @@ -215,7 +215,52 @@ | ||
| 215 | </swiper-item> | 215 | </swiper-item> |
| 216 | </swiper> | 216 | </swiper> |
| 217 | </view> | 217 | </view> |
| 218 | - </view> | 218 | + </view> |
| 219 | + | ||
| 220 | + | ||
| 221 | + | ||
| 222 | + <!--幸运购--> | ||
| 223 | + <view class="seckill" wx:if="{{false}}"> | ||
| 224 | + <navigator bindtap="go_pre" data-url="/packageC/pages/luckyGo/luckyGo_activityList/luckyGo_activityList" hover-class="none"> | ||
| 225 | + <view class="seckill-time"> | ||
| 226 | + <view class="classname flex ai_c"> | ||
| 227 | + <i class="iconfont icon-luck"></i> | ||
| 228 | + <text class="bold fs30">幸运购</text> | ||
| 229 | + </view> | ||
| 230 | + <view class="flex ai_c seckill-list"> | ||
| 231 | + <text class="fs24 xc-marfin-right">查看全部</text> | ||
| 232 | + <image class="arrow-right" src="{{url}}/miniapp/images/icon-arrowdown.png"></image> | ||
| 233 | + </view> | ||
| 234 | + </view> | ||
| 235 | + </navigator> | ||
| 236 | + <view class="seckill-list luck"> | ||
| 237 | + <view class="list-item" wx:for="{{3}}"> | ||
| 238 | + <view class="flex ai-center"> | ||
| 239 | + <view class="img-container"><image class="img-block" src="../../../images/bk.png"></image></view> | ||
| 240 | + <view class="pdl20 flex fdc jc_sb f1"> | ||
| 241 | + | ||
| 242 | + <view class="ellipsis-2 name fs28">我是商品</view> | ||
| 243 | + <view> | ||
| 244 | + <view class="flex ai-center"> | ||
| 245 | + <text class="rmb c-red">189.00</text> | ||
| 246 | + <view class="del fs22 c-a pdl10">零售价:<text class="rmb">155</text></view> | ||
| 247 | + </view> | ||
| 248 | + <view class="flex jc_sb"> | ||
| 249 | + <progress class="pdr20 f1 progress" percent="50" activeColor="#FF6768" backgroundColor="#d0d0d0" border-radius="12" stroke-width="12" data-content="1人已参团"></progress> | ||
| 250 | + <view class="btn fs26">去参团</view> | ||
| 251 | + </view> | ||
| 252 | + </view> | ||
| 253 | + | ||
| 254 | + </view> | ||
| 255 | + </view> | ||
| 256 | + <view class="fs24 pdt10 c-7b">*<text class="c-red">5</text>人成团，<text class="c-red">5</text>人得商品，<text class="c-red">5</text>人全额退款并得<text class="c-red">惊喜礼品</text>！</view> | ||
| 257 | + </view> | ||
| 258 | + </view> | ||
| 259 | + </view> | ||
| 260 | + | ||
| 261 | + | ||
| 262 | + | ||
| 263 | + | ||
| 219 | 264 | ||
| 220 | 265 | ||
| 221 | 266 |
pages/index/index/index.wxss
| @@ -2,7 +2,8 @@ | @@ -2,7 +2,8 @@ | ||
| 2 | background: #ff7295; | 2 | background: #ff7295; |
| 3 | } | 3 | } |
| 4 | 4 | ||
| 5 | -.icon-presell { | 5 | +.icon-presell, |
| 6 | +.icon-luck { | ||
| 6 | color: #ED6064; | 7 | color: #ED6064; |
| 7 | font-size: 18px; | 8 | font-size: 18px; |
| 8 | margin-right: 4rpx; | 9 | margin-right: 4rpx; |
| @@ -1115,3 +1116,82 @@ page { | @@ -1115,3 +1116,82 @@ page { | ||
| 1115 | margin-right: 10rpx; | 1116 | margin-right: 10rpx; |
| 1116 | } | 1117 | } |
| 1117 | 1118 | ||
| 1119 | + | ||
| 1120 | + | ||
| 1121 | +/* .luck { | ||
| 1122 | + padding-left: 20rpx; | ||
| 1123 | + padding-right: 20rpx; | ||
| 1124 | +} */ | ||
| 1125 | + | ||
| 1126 | +.luck .list-item { | ||
| 1127 | + background-color: white; | ||
| 1128 | + padding: 20rpx; | ||
| 1129 | + border-radius: 12rpx; | ||
| 1130 | +} | ||
| 1131 | + | ||
| 1132 | +.luck .img-container { | ||
| 1133 | + width: 200rpx; | ||
| 1134 | + height: 200rpx; | ||
| 1135 | + border-radius: 14rpx; | ||
| 1136 | + overflow: hidden; | ||
| 1137 | + flex-shrink: 0; | ||
| 1138 | + position: relative; | ||
| 1139 | +} | ||
| 1140 | + | ||
| 1141 | +.luck .img-container::before { | ||
| 1142 | + content: '幸运购'; | ||
| 1143 | + position: absolute; | ||
| 1144 | + left: 0; | ||
| 1145 | + top: 0; | ||
| 1146 | + padding: 4rpx; | ||
| 1147 | + background-color: rgba(255,103,103,.7); | ||
| 1148 | + color: white; | ||
| 1149 | + font-size: 22rpx; | ||
| 1150 | + border-radius: 0 0 14rpx 0; | ||
| 1151 | +} | ||
| 1152 | + | ||
| 1153 | +.luck .name::before { | ||
| 1154 | + content: '5人团'; | ||
| 1155 | + background-color: #FF6768; | ||
| 1156 | + color: white; | ||
| 1157 | + font-size: 26rpx; | ||
| 1158 | + padding-left: 10rpx; | ||
| 1159 | + padding-right: 10rpx; | ||
| 1160 | + border-radius: 20rpx; | ||
| 1161 | + margin-right: 10rpx; | ||
| 1162 | +} | ||
| 1163 | + | ||
| 1164 | +.rmb::before { | ||
| 1165 | + content: '￥'; | ||
| 1166 | + font-size: 24rpx; | ||
| 1167 | +} | ||
| 1168 | + | ||
| 1169 | +.del { | ||
| 1170 | + text-decoration: line-through; | ||
| 1171 | +} | ||
| 1172 | + | ||
| 1173 | +.luck .btn { | ||
| 1174 | + background-color: #FF6768; | ||
| 1175 | + border-radius: 20rpx; | ||
| 1176 | + padding-left:20rpx; | ||
| 1177 | + padding-right: 20rpx; | ||
| 1178 | + color: white; | ||
| 1179 | +} | ||
| 1180 | + | ||
| 1181 | +.luck .name { | ||
| 1182 | + height: 88rpx; | ||
| 1183 | +} | ||
| 1184 | + | ||
| 1185 | + | ||
| 1186 | +.luck .progress { | ||
| 1187 | + position: relative; | ||
| 1188 | +} | ||
| 1189 | +.luck .progress::before { | ||
| 1190 | + position: absolute; | ||
| 1191 | + width: 100%; | ||
| 1192 | + content: attr(data-content); | ||
| 1193 | + font-size: 20rpx; | ||
| 1194 | + color: white; | ||
| 1195 | + text-align: center; | ||
| 1196 | +} | ||
| 1197 | + |