Commit 325ef1377c84b29a7aba35d8bbb3b4e7003b02fa
1 parent
6b9b4dca
秒杀组件优化
Showing
3 changed files
with
73 additions
and
55 deletions
components/diy_seckill/diy_seckill.js
| @@ -204,10 +204,15 @@ Component({ | @@ -204,10 +204,15 @@ Component({ | ||
| 204 | if(newTime > item.end_time) { | 204 | if(newTime > item.end_time) { |
| 205 | all_array[i].status = 3; | 205 | all_array[i].status = 3; |
| 206 | }; | 206 | }; |
| 207 | - let price=all_array[i].price.toFixed(2) | ||
| 208 | - let priceArr = price.split(".") | ||
| 209 | - all_array[i].price_n = priceArr[0] | ||
| 210 | - all_array[i].price_xs = priceArr[1] | 207 | + // let price=all_array[i].price.toFixed(2) |
| 208 | + let price=all_array[i].price+'' | ||
| 209 | + if (price.indexOf('.')>-1) { | ||
| 210 | + let priceArr = price.split(".") | ||
| 211 | + all_array[i].price_n = priceArr[0] | ||
| 212 | + all_array[i].price_xs = priceArr[1] | ||
| 213 | + }else{ | ||
| 214 | + all_array[i].price_n = price | ||
| 215 | + } | ||
| 211 | 216 | ||
| 212 | all_array[i].residue=all_array[i].goods_num*1 - all_array[i].buy_num*1 | 217 | all_array[i].residue=all_array[i].goods_num*1 - all_array[i].buy_num*1 |
| 213 | if (all_array[i].residue && all_array[i].residue > 0 && all_array[i].status !=2) { | 218 | if (all_array[i].residue && all_array[i].residue > 0 && all_array[i].status !=2) { |
components/diy_seckill/diy_seckill.wxml
| @@ -43,17 +43,17 @@ | @@ -43,17 +43,17 @@ | ||
| 43 | <view class="ellipsis-2n new_item1_goods_name" style="{{'padding:10rpx;'+(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> | 43 | <view class="ellipsis-2n new_item1_goods_name" style="{{'padding:10rpx;'+(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> |
| 44 | <view class="new_item1_price" style="{{'padding:0 10rpx;'+(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | 44 | <view class="new_item1_price" style="{{'padding:0 10rpx;'+(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> |
| 45 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | 45 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 46 | - <view style="color: rgb(56, 56, 56);"> | ||
| 47 | - <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">{{aitem.buy_num}}</text>件</text> | 46 | + <view class="clor7b"> |
| 47 | + <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> | ||
| 48 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.status==2 ? '0' : aitem.residue}}</text>件</text> | 48 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.status==2 ? '0' : aitem.residue}}</text>件</text> |
| 49 | </view> | 49 | </view> |
| 50 | - <view class="flex" style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | ||
| 51 | - <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs42">{{aitem.price_n}}</text>.{{aitem.price_xs}}</view> | ||
| 52 | - <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | 50 | + <view class="flex" style="{{'font-size: 20rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
| 51 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs42">{{aitem.price_n}}</text><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text></view> | ||
| 52 | + <view wx:if="{{object.wholesale_price}}" class="clor7b">¥{{aitem.shop_price}}</view> | ||
| 53 | </view> | 53 | </view> |
| 54 | </view> | 54 | </view> |
| 55 | <view> | 55 | <view> |
| 56 | - <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 100rpx;height: 100rpx;"></image> | 56 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" class="imgbox1"></image> |
| 57 | <view wx:if="{{ 5<=object.purchase_button && object.purchase_button<=8 }}" class="{{'new_item1_but ' + (object.purchase_button==5 ? 'new_item1_but1':'' )+ (object.purchase_button==7 ? 'new_item1_but2':'' )+ (object.purchase_button==8 ? 'new_item1_but3':'' ) }}">{{object.button_content}}</view> | 57 | <view wx:if="{{ 5<=object.purchase_button && object.purchase_button<=8 }}" class="{{'new_item1_but ' + (object.purchase_button==5 ? 'new_item1_but1':'' )+ (object.purchase_button==7 ? 'new_item1_but2':'' )+ (object.purchase_button==8 ? 'new_item1_but3':'' ) }}">{{object.button_content}}</view> |
| 58 | </view> | 58 | </view> |
| 59 | </view> | 59 | </view> |
| @@ -87,19 +87,19 @@ | @@ -87,19 +87,19 @@ | ||
| 87 | </view> | 87 | </view> |
| 88 | </block> | 88 | </block> |
| 89 | <view class="ellipsis-2 new_item1_goods_name" style="{{(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> | 89 | <view class="ellipsis-2 new_item1_goods_name" style="{{(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> |
| 90 | - <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price pdlf10" style="{{'display:block;color: rgb(56, 56, 56); '+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> | ||
| 91 | - <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">{{aitem.buy_num}}</text>件</text> | 90 | + <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price pdlf10 clor7b" style="{{'display:block;'+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 91 | + <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> | ||
| 92 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.residue}}</text>件</text> | 92 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.residue}}</text>件</text> |
| 93 | </view> | 93 | </view> |
| 94 | <view class="new_item1_price pdlf10" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | 94 | <view class="new_item1_price pdlf10" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> |
| 95 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | 95 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 96 | - <view style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | ||
| 97 | - <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs42">{{aitem.price_n}}</text>.{{aitem.price_xs}}</view> | ||
| 98 | - <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | 96 | + <view style="{{'font-size: 24rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
| 97 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs42">{{aitem.price_n}}</text><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text></view> | ||
| 98 | + <view wx:if="{{object.wholesale_price}}" class="clor7b">¥{{aitem.shop_price}}</view> | ||
| 99 | </view> | 99 | </view> |
| 100 | </view> | 100 | </view> |
| 101 | <view> | 101 | <view> |
| 102 | - <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 100rpx;height: 100rpx;"></image> | 102 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 60rpx;height: 60rpx;"></image> |
| 103 | <view wx:if="{{ 5<=object.purchase_button && object.purchase_button<=8 }}" class="{{'new_item1_but ' + (object.purchase_button==5 ? 'new_item1_but1':'' )+ (object.purchase_button==7 ? 'new_item1_but2':'' )+ (object.purchase_button==8 ? 'new_item1_but3':'' ) }}">{{object.button_content}}</view> | 103 | <view wx:if="{{ 5<=object.purchase_button && object.purchase_button<=8 }}" class="{{'new_item1_but ' + (object.purchase_button==5 ? 'new_item1_but1':'' )+ (object.purchase_button==7 ? 'new_item1_but2':'' )+ (object.purchase_button==8 ? 'new_item1_but3':'' ) }}">{{object.button_content}}</view> |
| 104 | </view> | 104 | </view> |
| 105 | </view> | 105 | </view> |
| @@ -135,20 +135,20 @@ | @@ -135,20 +135,20 @@ | ||
| 135 | <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> | 135 | <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> |
| 136 | </view> | 136 | </view> |
| 137 | </block> | 137 | </block> |
| 138 | - <view class="ellipsis-2 new_item1_goods_name" style="{{(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> | ||
| 139 | - <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price" style="{{'display:block;color: rgb(56, 56, 56); '+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> | ||
| 140 | - <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">{{aitem.buy_num}}</text>件</text> | 138 | + <view class="ellipsis-2 new_item1_goods_name " style="{{'height:80rpx;font-size:24rpx;' + (object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> |
| 139 | + <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price clor7b" style="{{'display:block;font-size:20rpx; '+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> | ||
| 140 | + <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> | ||
| 141 | <text wx:if="{{object.remaining_inventory}}">剩<text class="clor">{{aitem.residue}}</text>件</text> | 141 | <text wx:if="{{object.remaining_inventory}}">剩<text class="clor">{{aitem.residue}}</text>件</text> |
| 142 | </view> | 142 | </view> |
| 143 | <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | 143 | <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> |
| 144 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | 144 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 145 | <view style="{{'font-size: 24rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | 145 | <view style="{{'font-size: 24rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
| 146 | - <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs28">{{aitem.price_n}}</text>.{{aitem.price_xs}}</view> | ||
| 147 | - <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | 146 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs28">{{aitem.price_n}}</text><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text></view> |
| 147 | + <view wx:if="{{object.wholesale_price}}">¥{{aitem.shop_price}}</view> | ||
| 148 | </view> | 148 | </view> |
| 149 | </view> | 149 | </view> |
| 150 | <view> | 150 | <view> |
| 151 | - <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 60rpx;height: 60rpx;"></image> | 151 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 50rpx;height: 50rpx;"></image> |
| 152 | <!-- <view style="width: 90rpx;height: 50rpx;line-height: 50rpx;" wx:if="{{ 5<=object.purchase_button && object.purchase_button<=8 }}" class="{{'new_item1_but ' + (object.purchase_button==5 ? 'new_item1_but1':'' )+ (object.purchase_button==7 ? 'new_item1_but2':'' )+ (object.purchase_button==8 ? 'new_item1_but3':'' ) }}">{{object.button_content}}</view> --> | 152 | <!-- <view style="width: 90rpx;height: 50rpx;line-height: 50rpx;" wx:if="{{ 5<=object.purchase_button && object.purchase_button<=8 }}" class="{{'new_item1_but ' + (object.purchase_button==5 ? 'new_item1_but1':'' )+ (object.purchase_button==7 ? 'new_item1_but2':'' )+ (object.purchase_button==8 ? 'new_item1_but3':'' ) }}">{{object.button_content}}</view> --> |
| 153 | </view> | 153 | </view> |
| 154 | </view> | 154 | </view> |
| @@ -189,14 +189,14 @@ | @@ -189,14 +189,14 @@ | ||
| 189 | <view style="{{'width: 50%;display: flex;flex-wrap: wrap;padding-left: 10rpx;' + (object.text_align==2 ? 'justify-content:center;' :'' )}}"> | 189 | <view style="{{'width: 50%;display: flex;flex-wrap: wrap;padding-left: 10rpx;' + (object.text_align==2 ? 'justify-content:center;' :'' )}}"> |
| 190 | <view class="ellipsis-2 new_item1_goods_name" style="{{'font-size:28rpx;'+(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> | 190 | <view class="ellipsis-2 new_item1_goods_name" style="{{'font-size:28rpx;'+(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> |
| 191 | <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price" style="{{'font-size:28rpx;display:block;color: rgb(56, 56, 56); '+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> | 191 | <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price" style="{{'font-size:28rpx;display:block;color: rgb(56, 56, 56); '+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 192 | - <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">{{aitem.buy_num}}</text>件</text> | 192 | + <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> |
| 193 | <text wx:if="{{object.remaining_inventory}}">剩<text class="clor">{{aitem.residue}}</text>件</text> | 193 | <text wx:if="{{object.remaining_inventory}}">剩<text class="clor">{{aitem.residue}}</text>件</text> |
| 194 | </view> | 194 | </view> |
| 195 | <view class="new_item1_price" style="{{'width:100%;' + (object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | 195 | <view class="new_item1_price" style="{{'width:100%;' + (object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> |
| 196 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | 196 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 197 | <view style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | 197 | <view style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
| 198 | - <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs42">{{aitem.price_n}}</text>.{{aitem.price_xs}}</view> | ||
| 199 | - <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | 198 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs42">{{aitem.price_n}}</text><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text></view> |
| 199 | + <view wx:if="{{object.wholesale_price}}">¥{{aitem.shop_price}}</view> | ||
| 200 | </view> | 200 | </view> |
| 201 | </view> | 201 | </view> |
| 202 | <view> | 202 | <view> |
| @@ -249,19 +249,19 @@ | @@ -249,19 +249,19 @@ | ||
| 249 | </view> | 249 | </view> |
| 250 | </block> | 250 | </block> |
| 251 | <view class="ellipsis-2n new_item1_goods_name" style="{{'padding:10rpx;'+(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> | 251 | <view class="ellipsis-2n new_item1_goods_name" style="{{'padding:10rpx;'+(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> |
| 252 | - <view class="new_item1_price" style="{{'padding:0 10rpx;'+(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | 252 | + <view class="new_item1_price clor7b" style="{{'padding:0 10rpx;'+(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> |
| 253 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | 253 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 254 | - <view style="color: rgb(56, 56, 56);"> | ||
| 255 | - <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">{{aitem.buy_num}}</text>件</text> | 254 | + <view > |
| 255 | + <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> | ||
| 256 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{ aitem.status==2 ? '0' : aitem.residue}}</text>件</text> | 256 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{ aitem.status==2 ? '0' : aitem.residue}}</text>件</text> |
| 257 | </view> | 257 | </view> |
| 258 | <view class="flex" style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | 258 | <view class="flex" style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
| 259 | - <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs42">{{aitem.price_n}}</text>.{{aitem.price_xs}}</view> | ||
| 260 | - <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | 259 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs42">{{aitem.price_n}}</text><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text></view> |
| 260 | + <view wx:if="{{object.wholesale_price}}">¥{{aitem.shop_price}}</view> | ||
| 261 | </view> | 261 | </view> |
| 262 | </view> | 262 | </view> |
| 263 | <view> | 263 | <view> |
| 264 | - <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 100rpx;height: 100rpx;"></image> | 264 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" class="imgbox1"></image> |
| 265 | <view wx:if="{{ 5<=object.purchase_button && object.purchase_button<=8 }}" class="{{'new_item1_but ' + (object.purchase_button==5 ? 'new_item1_but1':'' )+ (object.purchase_button==7 ? 'new_item1_but2':'' )+ (object.purchase_button==8 ? 'new_item1_but3':'' ) }}">{{object.button_content}}</view> | 265 | <view wx:if="{{ 5<=object.purchase_button && object.purchase_button<=8 }}" class="{{'new_item1_but ' + (object.purchase_button==5 ? 'new_item1_but1':'' )+ (object.purchase_button==7 ? 'new_item1_but2':'' )+ (object.purchase_button==8 ? 'new_item1_but3':'' ) }}">{{object.button_content}}</view> |
| 266 | </view> | 266 | </view> |
| 267 | </view> | 267 | </view> |
| @@ -291,19 +291,19 @@ | @@ -291,19 +291,19 @@ | ||
| 291 | </view> | 291 | </view> |
| 292 | </block> | 292 | </block> |
| 293 | <view class="ellipsis-2 new_item1_goods_name" style="{{(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> | 293 | <view class="ellipsis-2 new_item1_goods_name" style="{{(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> |
| 294 | - <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price" style="{{'display:block;color: rgb(56, 56, 56); '+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> | ||
| 295 | - <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">{{aitem.buy_num}}</text>件</text> | 294 | + <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price clor7b" style="{{'display:block;color: rgb(56, 56, 56); '+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 295 | + <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> | ||
| 296 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.residue}}</text>件</text> | 296 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.residue}}</text>件</text> |
| 297 | </view> | 297 | </view> |
| 298 | <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | 298 | <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> |
| 299 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | 299 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 300 | - <view style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | ||
| 301 | - <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs42">{{aitem.price_n}}</text>.{{aitem.price_xs}}</view> | ||
| 302 | - <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | 300 | + <view style="{{'font-size: 24rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
| 301 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs42">{{aitem.price_n}}</text><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text></view> | ||
| 302 | + <view wx:if="{{object.wholesale_price}}">¥{{aitem.shop_price}}</view> | ||
| 303 | </view> | 303 | </view> |
| 304 | </view> | 304 | </view> |
| 305 | <view> | 305 | <view> |
| 306 | - <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 100rpx;height: 100rpx;"></image> | 306 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 60rpx;height: 60rpx;"></image> |
| 307 | <view wx:if="{{ 5<=object.purchase_button && object.purchase_button<=8 }}" class="{{'new_item1_but ' + (object.purchase_button==5 ? 'new_item1_but1':'' )+ (object.purchase_button==7 ? 'new_item1_but2':'' )+ (object.purchase_button==8 ? 'new_item1_but3':'' ) }}">{{object.button_content}}</view> | 307 | <view wx:if="{{ 5<=object.purchase_button && object.purchase_button<=8 }}" class="{{'new_item1_but ' + (object.purchase_button==5 ? 'new_item1_but1':'' )+ (object.purchase_button==7 ? 'new_item1_but2':'' )+ (object.purchase_button==8 ? 'new_item1_but3':'' ) }}">{{object.button_content}}</view> |
| 308 | </view> | 308 | </view> |
| 309 | </view> | 309 | </view> |
| @@ -333,19 +333,19 @@ | @@ -333,19 +333,19 @@ | ||
| 333 | </view> | 333 | </view> |
| 334 | </block> | 334 | </block> |
| 335 | <view class="ellipsis-2 new_item1_goods_name" style="{{(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> | 335 | <view class="ellipsis-2 new_item1_goods_name" style="{{(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> |
| 336 | - <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price" style="{{'display:block;color: rgb(56, 56, 56); '+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> | ||
| 337 | - <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">{{aitem.buy_num}}</text>件</text> | 336 | + <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price clor7b" style="{{'display:block;color: rgb(56, 56, 56); '+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 337 | + <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> | ||
| 338 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.residue}}</text>件</text> | 338 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.residue}}</text>件</text> |
| 339 | </view> | 339 | </view> |
| 340 | <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | 340 | <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> |
| 341 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | 341 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 342 | - <view style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | ||
| 343 | - <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs42">{{aitem.price_n}}</text>.{{aitem.price_xs}}</view> | ||
| 344 | - <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | 342 | + <view style="{{'font-size: 24rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
| 343 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs42">{{aitem.price_n}}</text><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text></view> | ||
| 344 | + <view wx:if="{{object.wholesale_price}}">¥{{aitem.shop_price}}</view> | ||
| 345 | </view> | 345 | </view> |
| 346 | </view> | 346 | </view> |
| 347 | <view> | 347 | <view> |
| 348 | - <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 100rpx;height: 100rpx;"></image> | 348 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 60rpx;height: 60rpx;"></image> |
| 349 | <view wx:if="{{ 5<=object.purchase_button && object.purchase_button<=8 }}" class="{{'new_item1_but ' + (object.purchase_button==5 ? 'new_item1_but1':'' )+ (object.purchase_button==7 ? 'new_item1_but2':'' )+ (object.purchase_button==8 ? 'new_item1_but3':'' ) }}">{{object.button_content}}</view> | 349 | <view wx:if="{{ 5<=object.purchase_button && object.purchase_button<=8 }}" class="{{'new_item1_but ' + (object.purchase_button==5 ? 'new_item1_but1':'' )+ (object.purchase_button==7 ? 'new_item1_but2':'' )+ (object.purchase_button==8 ? 'new_item1_but3':'' ) }}">{{object.button_content}}</view> |
| 350 | </view> | 350 | </view> |
| 351 | </view> | 351 | </view> |
| @@ -381,14 +381,14 @@ | @@ -381,14 +381,14 @@ | ||
| 381 | </view> | 381 | </view> |
| 382 | <view class="ellipsis-2 new_item1_goods_name" style="{{(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> | 382 | <view class="ellipsis-2 new_item1_goods_name" style="{{(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> |
| 383 | <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price" style="{{'display:block;color: rgb(56, 56, 56); '+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> | 383 | <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price" style="{{'display:block;color: rgb(56, 56, 56); '+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 384 | - <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">{{aitem.buy_num}}</text>件</text> | 384 | + <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> |
| 385 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.residue}}</text>件</text> | 385 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.residue}}</text>件</text> |
| 386 | </view> | 386 | </view> |
| 387 | <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | 387 | <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> |
| 388 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | 388 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 389 | <view style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | 389 | <view style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
| 390 | <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text style="font-size:42rpx;">{{aitem.price}}</text></view> | 390 | <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text style="font-size:42rpx;">{{aitem.price}}</text></view> |
| 391 | - <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | 391 | + <view wx:if="{{object.wholesale_price}}">¥{{aitem.shop_price}}</view> |
| 392 | </view> | 392 | </view> |
| 393 | </view> | 393 | </view> |
| 394 | <view> | 394 | <view> |
| @@ -433,14 +433,14 @@ | @@ -433,14 +433,14 @@ | ||
| 433 | </block> | 433 | </block> |
| 434 | <view class="ellipsis-2 new_item1_goods_name" style="{{(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> | 434 | <view class="ellipsis-2 new_item1_goods_name" style="{{(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> |
| 435 | <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price" style="{{'display:block;color: rgb(56, 56, 56); '+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> | 435 | <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price" style="{{'display:block;color: rgb(56, 56, 56); '+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 436 | - <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">{{aitem.buy_num}}</text>件</text> | 436 | + <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> |
| 437 | <text wx:if="{{object.remaining_inventory}}">剩<text class="clor">{{aitem.residue}}</text>件</text> | 437 | <text wx:if="{{object.remaining_inventory}}">剩<text class="clor">{{aitem.residue}}</text>件</text> |
| 438 | </view> | 438 | </view> |
| 439 | <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | 439 | <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> |
| 440 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | 440 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 441 | <view style="{{'font-size: 24rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | 441 | <view style="{{'font-size: 24rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
| 442 | - <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs28">{{aitem.price_n}}</text>.{{aitem.price_xs}}</view> | ||
| 443 | - <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | 442 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text class="pricefs28">{{aitem.price_n}}</text><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text></view> |
| 443 | + <view wx:if="{{object.wholesale_price}}">¥{{aitem.shop_price}}</view> | ||
| 444 | </view> | 444 | </view> |
| 445 | </view> | 445 | </view> |
| 446 | <view> | 446 | <view> |
components/diy_seckill/diy_seckill.wxss
| @@ -11,7 +11,8 @@ | @@ -11,7 +11,8 @@ | ||
| 11 | padding:0rpx 20rpx; | 11 | padding:0rpx 20rpx; |
| 12 | display: flex; | 12 | display: flex; |
| 13 | justify-content: space-between; | 13 | justify-content: space-between; |
| 14 | - font-size: 32rpx; | 14 | + /* font-size: 32rpx; */ |
| 15 | + font-size: 24rpx; | ||
| 15 | } | 16 | } |
| 16 | 17 | ||
| 17 | .s_it { | 18 | .s_it { |
| @@ -33,10 +34,11 @@ swiper { | @@ -33,10 +34,11 @@ swiper { | ||
| 33 | 34 | ||
| 34 | .right_k { | 35 | .right_k { |
| 35 | width: 93rpx; | 36 | width: 93rpx; |
| 37 | + color: #7b7b7b; | ||
| 36 | } | 38 | } |
| 37 | .right_k image{ | 39 | .right_k image{ |
| 38 | - width: 30rpx; | ||
| 39 | - height: 30rpx; | 40 | + width: 20rpx; |
| 41 | + height: 20rpx; | ||
| 40 | } | 42 | } |
| 41 | .t_left { | 43 | .t_left { |
| 42 | width: 10rpx; | 44 | width: 10rpx; |
| @@ -295,7 +297,7 @@ swiper { | @@ -295,7 +297,7 @@ swiper { | ||
| 295 | 297 | ||
| 296 | .ellipsis-2 { | 298 | .ellipsis-2 { |
| 297 | 299 | ||
| 298 | - height: 97rpx; | 300 | + height: 110rpx; |
| 299 | overflow: hidden; | 301 | overflow: hidden; |
| 300 | text-overflow: ellipsis; | 302 | text-overflow: ellipsis; |
| 301 | display: -webkit-box; | 303 | display: -webkit-box; |
| @@ -342,20 +344,27 @@ swiper { | @@ -342,20 +344,27 @@ swiper { | ||
| 342 | } | 344 | } |
| 343 | .new_item1_goods_name{ | 345 | .new_item1_goods_name{ |
| 344 | padding: 10rpx; | 346 | padding: 10rpx; |
| 345 | - font-size: 26rpx; | 347 | + /* font-size: 26rpx; */ |
| 348 | + font-size: 32rpx; | ||
| 346 | width: 100%; | 349 | width: 100%; |
| 347 | box-sizing: border-box; | 350 | box-sizing: border-box; |
| 351 | + color: #333333; | ||
| 348 | } | 352 | } |
| 349 | .new_item1_price{ | 353 | .new_item1_price{ |
| 350 | display: flex; | 354 | display: flex; |
| 351 | /* padding: 0 10rpx; */ | 355 | /* padding: 0 10rpx; */ |
| 352 | align-items: center; | 356 | align-items: center; |
| 353 | justify-content: space-between; | 357 | justify-content: space-between; |
| 354 | - font-size: 26rpx; | 358 | + /* font-size: 26rpx; */ |
| 359 | + font-size: 24rpx; | ||
| 355 | padding: 0 10rpx; | 360 | padding: 0 10rpx; |
| 356 | } | 361 | } |
| 357 | .clor{ | 362 | .clor{ |
| 358 | - color: rgba(196, 24, 45, 1); | 363 | + /* color: rgba(196, 24, 45, 1); */ |
| 364 | + color: #ec0022; | ||
| 365 | +} | ||
| 366 | +.clor7b{ | ||
| 367 | + color: #7b7b7b; | ||
| 359 | } | 368 | } |
| 360 | .new_item1_but{ | 369 | .new_item1_but{ |
| 361 | width: 130rpx; | 370 | width: 130rpx; |
| @@ -493,4 +502,8 @@ swiper { | @@ -493,4 +502,8 @@ swiper { | ||
| 493 | } | 502 | } |
| 494 | .pricefs42{ | 503 | .pricefs42{ |
| 495 | font-size: 42rpx !important; | 504 | font-size: 42rpx !important; |
| 505 | + } | ||
| 506 | + .imgbox1{ | ||
| 507 | + width: 60rpx; | ||
| 508 | + height: 60rpx; | ||
| 496 | } | 509 | } |
| 497 | \ No newline at end of file | 510 | \ No newline at end of file |