Commit ff8dbe488e43f3084ae62dcb41c85771e52cd117
1 parent
c7499957
秒杀组件优化
Showing
4 changed files
with
70 additions
and
74 deletions
components/diy_seckill/diy_seckill.wxml
| 1 | 1 | <block wx:if="{{goods_array.length>0}}"> |
| 2 | 2 | <!--新版秒杀组件--> |
| 3 | 3 | <block wx:if="{{object.column_action_name}}"> |
| 4 | - <view class='top' bindtap="go_to_skill" wx:if="{{object.column_title}}" style="{{'background-image:url('+object.column_diy_title+')'+';background-size:100%;padding:0rpx;border-bottom:0rpx;'}}"> | |
| 4 | + <view class='top' bindtap="go_to_skill" wx:if="{{object.column_title}}" style="{{'background-image:url('+object.column_diy_title+')'+';background-size:100% 70rpx;padding:0rpx;border-bottom:0rpx;' + 'margin-bottom:'+object.product_spacing+'px;'}}"> | |
| 5 | 5 | <view class="flex" wx:if="{{!object.column_diy_title}}"> |
| 6 | 6 | <view class='t_left'></view> |
| 7 | - <view class='t_ms n_t_ms'>{{object.column_name}}</view> | |
| 7 | + <view class='t_ms n_t_ms' style="font-size: 30rpx;">{{object.column_name}}</view> | |
| 8 | 8 | </view> |
| 9 | 9 | <view class='right_k' wx:if="{{!object.column_diy_title}}"> |
| 10 | 10 | 更多<image src="{{imghost}}/miniapp/images/icon-arrowdown.png" lazy-load="true"></image> |
| ... | ... | @@ -40,16 +40,18 @@ |
| 40 | 40 | </view> |
| 41 | 41 | </view> |
| 42 | 42 | </block> |
| 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;' :'' )}}"> | |
| 43 | + <view class="ellipsis-2n 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> | |
| 44 | + <view class="new_item1_price" style="{{'padding:10rpx 10rpx 0rpx;'+(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 45 | 45 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 46 | 46 | <view class="clor7b"> |
| 47 | 47 | <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> |
| 48 | 48 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.status==2 ? '0' : aitem.residue}}</text>件</text> |
| 49 | 49 | </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> | |
| 50 | + <view class="flex" style="{{'font-size: 24rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | |
| 51 | + <view class="clor" wx:if="{{object.commodity_price}}"> | |
| 52 | + ￥<text class="pricefs42">{{aitem.price_n}}</text><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text> | |
| 53 | + <text style="margin-left: 5rpx;" wx:if="{{object.wholesale_price}}" class="clor7b">￥{{aitem.shop_price}}</text> | |
| 54 | + </view> | |
| 53 | 55 | </view> |
| 54 | 56 | </view> |
| 55 | 57 | <view> |
| ... | ... | @@ -86,15 +88,15 @@ |
| 86 | 88 | <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> |
| 87 | 89 | </view> |
| 88 | 90 | </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> | |
| 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 | + <view class="ellipsis-2 new_item1_goods_name" style="{{'height:88rpx;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> | |
| 92 | + <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price pdlf10 clor7b" style="{{'font-size:20rpx;' + 'display:block;'+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> | |
| 91 | 93 | <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> |
| 92 | 94 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.residue}}</text>件</text> |
| 93 | 95 | </view> |
| 94 | 96 | <view class="new_item1_price pdlf10" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> |
| 95 | 97 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 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 style="{{(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | |
| 99 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">￥<text class="pricefs38">{{aitem.price_n}}</text><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text></view> | |
| 98 | 100 | <view wx:if="{{object.wholesale_price}}" class="clor7b">￥{{aitem.shop_price}}</view> |
| 99 | 101 | </view> |
| 100 | 102 | </view> |
| ... | ... | @@ -135,12 +137,12 @@ |
| 135 | 137 | <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> |
| 136 | 138 | </view> |
| 137 | 139 | </block> |
| 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> | |
| 140 | + <view class="ellipsis-2 new_item1_goods_name " style="{{'height:88rpx;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 | 141 | <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 | 142 | <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> |
| 141 | 143 | <text wx:if="{{object.remaining_inventory}}">剩<text class="clor">{{aitem.residue}}</text>件</text> |
| 142 | 144 | </view> |
| 143 | - <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 145 | + <view class="new_item1_price clor7b" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 144 | 146 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 145 | 147 | <view style="{{'font-size: 24rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
| 146 | 148 | <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> |
| ... | ... | @@ -163,7 +165,7 @@ |
| 163 | 165 | <block wx:for="{{goods_array}}"> |
| 164 | 166 | <view wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind" class="{{'boxpad new_item1 ' + (object.product_style==2 ? ' boxsha ':'') + (object.product_style==3 ? ' aborder ':'') + ((object.product_style==1 || object.product_style==3 )? ' bgf ':'') + (object.chamfer_of_main_drawing==2 ? ' but_radius5 ':'') }}" style="{{'margin-bottom:'+object.product_spacing+'px;'}}"> |
| 165 | 167 | <navigator style="display: flex;" url="{{aitem.goods_type == 1 ? ('/packageA/pages/goodsInfo/goodsInfo?goods_id=' + aitem.goods_id + '&title=' + aitem.goods_name + '&prom_type=1&prom_id=' + aitem.id ) : ('/pages/goods/goodsInfo/goodsInfo?goods_id=' + aitem.goods_id + '&title=' + aitem.goods_name + '&prom_type=1&prom_id=' + aitem.id)}}" class="s1_gk_a1"> |
| 166 | - <view style="width: 50%;"> | |
| 168 | + <view style="width: 33%;"> | |
| 167 | 169 | <view class="imgBox"> |
| 168 | 170 | <!-- <image mode="{{object.picture_fill==1 ? 'aspectFill' : 'scaleToFill'}}" class="{{'new_item1_image '+ 'aspect_ratio'+object.picture_scale}}" style="{{'width:'+img_width+';height:'+img_height}}" src="{{imghost+aitem.original_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> --> |
| 169 | 171 | <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> |
| ... | ... | @@ -186,13 +188,13 @@ |
| 186 | 188 | </view> |
| 187 | 189 | </block> |
| 188 | 190 | </view> |
| 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> | |
| 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 style="{{'width: 67%;display: flex;flex-wrap: wrap;padding-left: 10rpx;' + (object.text_align==2 ? 'justify-content:center;' :'' )}}"> | |
| 192 | + <view class="ellipsis-2 new_item1_goods_name" style="{{'font-size:28rpx;height:100rpx;'+(object.text_style==2 ? 'font-weight: bold;':'') + (object.text_align==2 ? 'text-align:center;' :'' )}}" wx:if="{{object.trade_name}}">{{aitem.goods_name}}</view> | |
| 193 | + <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price clor7b" style="{{'font-size:24rpx;'+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> | |
| 192 | 194 | <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> |
| 193 | 195 | <text wx:if="{{object.remaining_inventory}}">剩<text class="clor">{{aitem.residue}}</text>件</text> |
| 194 | 196 | </view> |
| 195 | - <view class="new_item1_price" style="{{'width:100%;' + (object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 197 | + <view class="new_item1_price clor7b" style="{{'width:100%;' + (object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 196 | 198 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 197 | 199 | <view style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
| 198 | 200 | <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> |
| ... | ... | @@ -200,8 +202,8 @@ |
| 200 | 202 | </view> |
| 201 | 203 | </view> |
| 202 | 204 | <view> |
| 203 | - <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 100rpx;height: 100rpx;"></image> | |
| 204 | - <view style="width: 120rpx;height: 70rpx;line-height: 70rpx;" 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> | |
| 205 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width:60rpx;height: 60rpx;"></image> | |
| 206 | + <view style="width: 130rpx;height: 60rpx;line-height: 60rpx;" 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> | |
| 205 | 207 | </view> |
| 206 | 208 | </view> |
| 207 | 209 | </view> |
| ... | ... | @@ -227,13 +229,6 @@ |
| 227 | 229 | <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> |
| 228 | 230 | <image class="imgBox_img" wx:if="{{object.subscript_style<=4}}" src="{{imghost+'/miniapp/images/component/j0'+object.subscript_style +'.png'}}"></image> |
| 229 | 231 | </view> |
| 230 | - <!-- <view style="{{'height: 70rpx; padding: 10rpx 30rpx;background:'+object.countdown_background_color}}" class="new_item1_time" wx:if="{{object.count_down}}"> | |
| 231 | - <image src="{{imghost+'/miniapp/images/component/seckill.png'}}"></image> | |
| 232 | - <view style="text-align: center;"> | |
| 233 | - <view>距结束时间</view> | |
| 234 | - <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> | |
| 235 | - </view> | |
| 236 | - </view> --> | |
| 237 | 232 | <block wx:if="{{object.count_down}}"> |
| 238 | 233 | <view wx:if="{{aitem.residue==0 || aitem.status==2}}" style="height: 70rpx;line-height: 70rpx;color: #fff;background-color:rgb(166,166,166);text-align: center;"> |
| 239 | 234 | 已售罄 |
| ... | ... | @@ -242,22 +237,24 @@ |
| 242 | 237 | <image src="{{imghost+'/miniapp/images/component/seckill.png'}}"></image> |
| 243 | 238 | <view style="text-align: center;"> |
| 244 | 239 | <view wx:if="{{aitem.status == 1}}">距结束时间</view> |
| 245 | - <view wx:if="{{aitem.status == 0}}">距开始时间</view> | |
| 240 | + <view wx:if="{{aitem.status == 0}}">距开始时间</view> | |
| 246 | 241 | <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> |
| 247 | 242 | <!-- <view>30天21:59:40</view> --> |
| 248 | 243 | </view> |
| 249 | 244 | </view> |
| 250 | 245 | </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> | |
| 252 | - <view class="new_item1_price clor7b" style="{{'padding:0 10rpx;'+(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 246 | + <view class="ellipsis-2n 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> | |
| 247 | + <view class="new_item1_price" style="{{'padding:10rpx 10rpx 0rpx;'+(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 253 | 248 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 254 | - <view > | |
| 249 | + <view class="clor7b"> | |
| 255 | 250 | <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> | |
| 251 | + <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.status==2 ? '0' : aitem.residue}}</text>件</text> | |
| 257 | 252 | </view> |
| 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><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text></view> | |
| 260 | - <view wx:if="{{object.wholesale_price}}">￥{{aitem.shop_price}}</view> | |
| 253 | + <view class="flex" style="{{'font-size: 24rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | |
| 254 | + <view class="clor" wx:if="{{object.commodity_price}}"> | |
| 255 | + ￥<text class="pricefs42">{{aitem.price_n}}</text><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text> | |
| 256 | + <text style="margin-left: 5rpx;" wx:if="{{object.wholesale_price}}" class="clor7b">￥{{aitem.shop_price}}</text> | |
| 257 | + </view> | |
| 261 | 258 | </view> |
| 262 | 259 | </view> |
| 263 | 260 | <view> |
| ... | ... | @@ -273,15 +270,12 @@ |
| 273 | 270 | <!-- <image mode="{{object.picture_fill==1 ? 'aspectFill' : 'scaleToFill'}}" class="{{'new_item1_image '+ 'aspect_ratio'+object.picture_scale}}" style="{{'width:'+img_width+';height:'+img_height}}" src="{{imghost+aitem.original_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> --> |
| 274 | 271 | <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> |
| 275 | 272 | <!-- <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1'}}" src="{{imghost+aitem.original_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> --> |
| 276 | - <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1 ' }}" src="{{imghost+aitem.original_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
| 273 | + <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1 '}}" src="{{imghost+aitem.original_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
| 277 | 274 | </view> |
| 278 | 275 | |
| 279 | 276 | <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> |
| 280 | 277 | <image class="imgBox_img" wx:if="{{object.subscript_style<=4}}" src="{{imghost+'/miniapp/images/component/j0'+object.subscript_style +'.png'}}"></image> |
| 281 | 278 | </view> |
| 282 | - <!-- <view class="new_item1_time" wx:if="{{object.count_down}}" style="{{'justify-content: center;background:'+object.countdown_background_color}}"> | |
| 283 | - <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> | |
| 284 | - </view> --> | |
| 285 | 279 | <block wx:if="{{object.count_down}}"> |
| 286 | 280 | <view wx:if="{{aitem.residue==0}}" class="new_item1_time" style="justify-content: center;color: #fff;background-color:rgb(166,166,166);"> |
| 287 | 281 | <view>已售罄</view> |
| ... | ... | @@ -290,16 +284,16 @@ |
| 290 | 284 | <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> |
| 291 | 285 | </view> |
| 292 | 286 | </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> | |
| 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;':'')}}"> | |
| 287 | + <view class="ellipsis-2 new_item1_goods_name" style="{{'height:88rpx;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> | |
| 288 | + <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price pdlf10 clor7b" style="{{'font-size:20rpx;' + 'display:block;'+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> | |
| 295 | 289 | <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> |
| 296 | 290 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.residue}}</text>件</text> |
| 297 | 291 | </view> |
| 298 | - <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 292 | + <view class="new_item1_price pdlf10" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 299 | 293 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 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> | |
| 294 | + <view style="{{(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | |
| 295 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">￥<text class="pricefs38">{{aitem.price_n}}</text><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text></view> | |
| 296 | + <view wx:if="{{object.wholesale_price}}" class="clor7b">￥{{aitem.shop_price}}</view> | |
| 303 | 297 | </view> |
| 304 | 298 | </view> |
| 305 | 299 | <view> |
| ... | ... | @@ -315,15 +309,12 @@ |
| 315 | 309 | <!-- <image mode="{{object.picture_fill==1 ? 'aspectFill' : 'scaleToFill'}}" class="{{'new_item1_image '+ 'aspect_ratio'+object.picture_scale}}" style="{{'width:'+img_width+';height:'+img_height}}" src="{{imghost+aitem.original_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> --> |
| 316 | 310 | <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> |
| 317 | 311 | <!-- <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1'}}" src="{{imghost+aitem.original_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> --> |
| 318 | - <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1 ' }}" src="{{imghost+aitem.original_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
| 312 | + <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1 '}}" src="{{imghost+aitem.original_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
| 319 | 313 | </view> |
| 320 | 314 | |
| 321 | 315 | <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> |
| 322 | 316 | <image class="imgBox_img" wx:if="{{object.subscript_style<=4}}" src="{{imghost+'/miniapp/images/component/j0'+object.subscript_style +'.png'}}"></image> |
| 323 | 317 | </view> |
| 324 | - <!-- <view class="new_item1_time" wx:if="{{object.count_down}}" style="{{'justify-content: center;background:'+object.countdown_background_color}}"> | |
| 325 | - <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> | |
| 326 | - </view> --> | |
| 327 | 318 | <block wx:if="{{object.count_down}}"> |
| 328 | 319 | <view wx:if="{{aitem.residue==0}}" class="new_item1_time" style="justify-content: center;color: #fff;background-color:rgb(166,166,166);"> |
| 329 | 320 | <view>已售罄</view> |
| ... | ... | @@ -332,16 +323,16 @@ |
| 332 | 323 | <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> |
| 333 | 324 | </view> |
| 334 | 325 | </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> | |
| 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;':'')}}"> | |
| 326 | + <view class="ellipsis-2 new_item1_goods_name" style="{{'height:88rpx;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> | |
| 327 | + <view wx:if="{{object.seconds_num || object.remaining_inventory}}" class="new_item1_price pdlf10 clor7b" style="{{'font-size:20rpx;' + 'display:block;'+(object.text_align==2 ?'text-align:center;':'')+(object.text_style==2 ? 'font-weight: bold;':'')}}"> | |
| 337 | 328 | <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> |
| 338 | 329 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">{{aitem.residue}}</text>件</text> |
| 339 | 330 | </view> |
| 340 | - <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 331 | + <view class="new_item1_price pdlf10" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 341 | 332 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 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> | |
| 333 | + <view style="{{(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | |
| 334 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">￥<text class="pricefs38">{{aitem.price_n}}</text><text wx:if="{{aitem.price_xs}}">.{{aitem.price_xs}}</text></view> | |
| 335 | + <view wx:if="{{object.wholesale_price}}" class="clor7b">￥{{aitem.shop_price}}</view> | |
| 345 | 336 | </view> |
| 346 | 337 | </view> |
| 347 | 338 | <view> |
| ... | ... | @@ -431,12 +422,12 @@ |
| 431 | 422 | <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> |
| 432 | 423 | </view> |
| 433 | 424 | </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> | |
| 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;':'')}}"> | |
| 425 | + <view class="ellipsis-2 new_item1_goods_name " style="{{'height:88rpx;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> | |
| 426 | + <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;':'')}}"> | |
| 436 | 427 | <text wx:if="{{object.seconds_num}}">已秒<text class="clor">{{aitem.buy_num}}</text>件</text> |
| 437 | 428 | <text wx:if="{{object.remaining_inventory}}">剩<text class="clor">{{aitem.residue}}</text>件</text> |
| 438 | 429 | </view> |
| 439 | - <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 430 | + <view class="new_item1_price clor7b" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 440 | 431 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 441 | 432 | <view style="{{'font-size: 24rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
| 442 | 433 | <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> |
| ... | ... | @@ -444,7 +435,7 @@ |
| 444 | 435 | </view> |
| 445 | 436 | </view> |
| 446 | 437 | <view> |
| 447 | - <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 60rpx;height: 60rpx;"></image> | |
| 438 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 50rpx;height: 50rpx;"></image> | |
| 448 | 439 | <!-- <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> --> |
| 449 | 440 | </view> |
| 450 | 441 | </view> | ... | ... |
components/diy_seckill/diy_seckill.wxss
| ... | ... | @@ -43,11 +43,11 @@ swiper { |
| 43 | 43 | .t_left { |
| 44 | 44 | width: 10rpx; |
| 45 | 45 | height: 38rpx; |
| 46 | - background: #c4182e; | |
| 46 | + background: #f23030; | |
| 47 | 47 | margin-right: 10rpx; |
| 48 | 48 | } |
| 49 | 49 | .n_t_ms{ |
| 50 | - color:rgba(196, 24, 45, 1); | |
| 50 | + color:#f23030; | |
| 51 | 51 | } |
| 52 | 52 | |
| 53 | 53 | .sp { |
| ... | ... | @@ -331,7 +331,7 @@ swiper { |
| 331 | 331 | background: rgba(196, 24, 45, 1); |
| 332 | 332 | color: #fff; |
| 333 | 333 | /* font-size: 25rpx; */ |
| 334 | - font-size: 25rpx; | |
| 334 | + font-size: 24rpx; | |
| 335 | 335 | display: flex; |
| 336 | 336 | justify-content: space-between; |
| 337 | 337 | align-items: center; |
| ... | ... | @@ -343,9 +343,9 @@ swiper { |
| 343 | 343 | height: 52rpx; |
| 344 | 344 | } |
| 345 | 345 | .new_item1_goods_name{ |
| 346 | - padding: 10rpx; | |
| 346 | + padding: 10rpx 10rpx 0rpx; | |
| 347 | 347 | /* font-size: 26rpx; */ |
| 348 | - font-size: 32rpx; | |
| 348 | + font-size: 28rpx; | |
| 349 | 349 | width: 100%; |
| 350 | 350 | box-sizing: border-box; |
| 351 | 351 | color: #333333; |
| ... | ... | @@ -357,7 +357,7 @@ swiper { |
| 357 | 357 | justify-content: space-between; |
| 358 | 358 | /* font-size: 26rpx; */ |
| 359 | 359 | font-size: 24rpx; |
| 360 | - padding: 0 10rpx; | |
| 360 | + padding: 0 10rpx 10rpx; | |
| 361 | 361 | } |
| 362 | 362 | .clor{ |
| 363 | 363 | /* color: rgba(196, 24, 45, 1); */ |
| ... | ... | @@ -370,7 +370,7 @@ swiper { |
| 370 | 370 | width: 130rpx; |
| 371 | 371 | height: 60rpx; |
| 372 | 372 | color: #fff; |
| 373 | - background-color: rgba(196,24,45,1); | |
| 373 | + background-color: #f23030; | |
| 374 | 374 | line-height: 60rpx; |
| 375 | 375 | text-align: center; |
| 376 | 376 | border-radius: 15rpx; |
| ... | ... | @@ -381,13 +381,13 @@ swiper { |
| 381 | 381 | .new_item1_but2{ |
| 382 | 382 | border-radius: 50rpx !important; |
| 383 | 383 | background-color: rgba(0, 0, 0, 0) !important; |
| 384 | - color: rgba(196,24,45,1) !important; | |
| 385 | - border: 1rpx solid rgba(196,24,45,1) !important; | |
| 384 | + color: #f23030 !important; | |
| 385 | + border: 1rpx solid #f23030 !important; | |
| 386 | 386 | } |
| 387 | 387 | .new_item1_but3{ |
| 388 | 388 | background-color: rgba(0, 0, 0, 0) !important; |
| 389 | - color: rgba(196,24,45,1) !important; | |
| 390 | - border: 1rpx solid rgba(196,24,45,1) !important; | |
| 389 | + color: #f23030 !important; | |
| 390 | + border: 1rpx solid #f23030 !important; | |
| 391 | 391 | } |
| 392 | 392 | |
| 393 | 393 | |
| ... | ... | @@ -408,13 +408,14 @@ swiper { |
| 408 | 408 | } |
| 409 | 409 | .boxsha{ |
| 410 | 410 | /* box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); */ |
| 411 | - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | |
| 411 | + /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */ | |
| 412 | + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); | |
| 412 | 413 | } |
| 413 | 414 | .but_radius85{ |
| 414 | 415 | border-radius:289rpx; |
| 415 | 416 | } |
| 416 | 417 | .but_radius5{ |
| 417 | - border-radius:17px; | |
| 418 | + border-radius:8px; | |
| 418 | 419 | } |
| 419 | 420 | .imgBox{ |
| 420 | 421 | position: relative; |
| ... | ... | @@ -503,6 +504,9 @@ swiper { |
| 503 | 504 | .pricefs42{ |
| 504 | 505 | font-size: 42rpx !important; |
| 505 | 506 | } |
| 507 | + .pricefs38{ | |
| 508 | + font-size: 38rpx !important; | |
| 509 | + } | |
| 506 | 510 | .imgbox1{ |
| 507 | 511 | width: 60rpx; |
| 508 | 512 | height: 60rpx; | ... | ... |
pages/activity/seckill_list/seckill_list.wxml
| ... | ... | @@ -46,7 +46,7 @@ |
| 46 | 46 | <view class="xc-strip-blank rel"> |
| 47 | 47 | |
| 48 | 48 | <view class="flex-vertical rel total"> |
| 49 | - <view class="t-c abs xc-fill"style="width:{{type==1?(100-(item.buy_num+item.virtual) /(item.goods_num+item.virtual)*100)>3?(100-(item.buy_num+item.virtual) /(item.goods_num+item.virtual)*100):'3':'100'}}%;background:{{type==1?'#e4374d':'#059de5'}};"> | |
| 49 | + <view class="t-c abs xc-fill"style="width:{{type==1?(100-(item.buy_num+item.virtual) /(item.goods_num+item.virtual)*100)>3?(100-(item.buy_num+item.virtual) /(item.goods_num+item.virtual)*100):'3':'100'}}%;background:{{type==1?'#f23030':'#059de5'}};"> | |
| 50 | 50 | </view> |
| 51 | 51 | <text class="fs20 white abs xc-fill-text" style="">剩余{{type==1?filters.toFix(100-(item.buy_num+item.virtual)/(item.goods_num+item.virtual)*100,0):'100'}}%</text> |
| 52 | 52 | </view> | ... | ... |
pages/activity/seckill_list/seckill_list.wxss