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 |