Commit 91fe5eba4b7ec46272047dd43c6401f8489f7d6e
1 parent
04bdf83d
秒杀组件
Showing
2 changed files
with
228 additions
and
7 deletions
components/diy_seckill/diy_seckill.wxml
| ... | ... | @@ -41,7 +41,7 @@ |
| 41 | 41 | <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> |
| 42 | 42 | </view> |
| 43 | 43 | <view style="color: rgb(56, 56, 56);"> |
| 44 | - <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">10</text>件,</text> | |
| 44 | + <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">10</text>件</text> | |
| 45 | 45 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">20</text>件</text> |
| 46 | 46 | </view> |
| 47 | 47 | </view> |
| ... | ... | @@ -79,10 +79,10 @@ |
| 79 | 79 | <!-- </view> --> |
| 80 | 80 | </view> |
| 81 | 81 | <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> |
| 82 | - <view class="new_item1_price" style="color: rgb(56, 56, 56);"> | |
| 83 | - <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">10</text>件,</text> | |
| 82 | + <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;':'')}}"> | |
| 83 | + <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">10</text>件</text> | |
| 84 | 84 | <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">20</text>件</text> |
| 85 | - </view> | |
| 85 | + </view> | |
| 86 | 86 | <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> |
| 87 | 87 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
| 88 | 88 | <view style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
| ... | ... | @@ -100,6 +100,225 @@ |
| 100 | 100 | </block> |
| 101 | 101 | </view> |
| 102 | 102 | </block> |
| 103 | + <!-- 一行三个 --> | |
| 104 | + <block wx:if="{{object.style==3}}"> | |
| 105 | + <view style="{{'padding-left:'+object.page_margins+'px;padding-right:'+object.page_margins+'px;'}}" class="{{'flex2 new_item1_box '+ ((object.product_style==1 || object.product_style==3 )? ' bgf ':'')}}"> | |
| 106 | + <block wx:for="{{goods_array}}"> | |
| 107 | + <view wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind" class="{{'new_item1 ' + (object.product_style==2 ? ' boxsha ':'') + (object.product_style==3 ? ' aborder ':'') + (object.chamfer_of_main_drawing==2 ? ' but_radius5 ':'') + ((object.product_style==1 || object.product_style==3 )? ' bgf ':'')}}" style="{{'margin-bottom:'+object.product_spacing+'px; '+('width:calc(100%/3 - ' + (object.product_spacing*2)/3+'px)')}}"> | |
| 108 | + <navigator 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"> | |
| 109 | + <view class="imgBox"> | |
| 110 | + <!-- <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> --> | |
| 111 | + <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> | |
| 112 | + <!-- <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> --> | |
| 113 | + <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1'}}" src="./t1.png" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
| 114 | + </view> | |
| 115 | + | |
| 116 | + <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> | |
| 117 | + <image class="imgBox_img" wx:if="{{object.subscript_style<=4}}" src="{{imghost+'/miniapp/images/component/j0'+object.subscript_style +'.png'}}"></image> | |
| 118 | + </view> | |
| 119 | + <view class="new_item1_time" wx:if="{{object.count_down}}" style="justify-content: center;"> | |
| 120 | + <!-- <image src="{{imghost+'/miniapp/images/component/seckill.png'}}"></image> --> | |
| 121 | + <!-- <view style="text-align: center;"> | |
| 122 | + <view>距结束时间</view> --> | |
| 123 | + <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> | |
| 124 | + <!-- </view> --> | |
| 125 | + </view> | |
| 126 | + <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> | |
| 127 | + <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;':'')}}"> | |
| 128 | + <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">10</text>件</text> | |
| 129 | + <text wx:if="{{object.remaining_inventory}}">剩<text class="clor">20</text>件</text> | |
| 130 | + </view> | |
| 131 | + <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 132 | + <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | |
| 133 | + <view style="{{'font-size: 24rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | |
| 134 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text style="font-size:28rpx;">{{aitem.price}}</text></view> | |
| 135 | + <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | |
| 136 | + </view> | |
| 137 | + </view> | |
| 138 | + <view> | |
| 139 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 70rpx;height: 70rpx;"></image> | |
| 140 | + <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> | |
| 141 | + </view> | |
| 142 | + </view> | |
| 143 | + </navigator> | |
| 144 | + </view> | |
| 145 | + </block> | |
| 146 | + </view> | |
| 147 | + </block> | |
| 148 | + <!-- 详细列表 --> | |
| 149 | + <block wx:if="{{object.style==4}}"> | |
| 150 | + <view style="{{'padding-left:'+object.page_margins+'px;padding-right:'+object.page_margins+'px;'}}" class="{{'flex2 new_item1_box '+ ((object.product_style==1 || object.product_style==3 )? ' bgf ':'')}}"> | |
| 151 | + <block wx:for="{{goods_array}}"> | |
| 152 | + <view wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind" class="{{'new_item1 ' + (object.product_style==2 ? ' boxsha ':'') + (object.product_style==3 ? ' aborder ':'') + (object.chamfer_of_main_drawing==2 ? ' but_radius5 ':'') + ((object.product_style==1 || object.product_style==3 )? ' bgf ':'')}}" style="{{'margin-bottom:'+object.product_spacing+'px;'}}"> | |
| 153 | + <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"> | |
| 154 | + <view style="width: 50%;"> | |
| 155 | + <view class="imgBox"> | |
| 156 | + <!-- <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> --> | |
| 157 | + <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> | |
| 158 | + <!-- <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> --> | |
| 159 | + <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1'}}" src="./t1.png" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
| 160 | + </view> | |
| 161 | + | |
| 162 | + <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> | |
| 163 | + <image class="imgBox_img" wx:if="{{object.subscript_style<=4}}" src="{{imghost+'/miniapp/images/component/j0'+object.subscript_style +'.png'}}"></image> | |
| 164 | + </view> | |
| 165 | + <view class="new_item1_time" wx:if="{{object.count_down}}" style="justify-content: center;"> | |
| 166 | + <!-- <image src="{{imghost+'/miniapp/images/component/seckill.png'}}"></image> --> | |
| 167 | + <!-- <view style="text-align: center;"> | |
| 168 | + <view>距结束时间</view> --> | |
| 169 | + <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> | |
| 170 | + <!-- </view> --> | |
| 171 | + </view> | |
| 172 | + </view> | |
| 173 | + <view style="width: 50%;display: flex;flex-wrap: wrap;"> | |
| 174 | + <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> | |
| 175 | + <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;':'')}}"> | |
| 176 | + <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">10</text>件</text> | |
| 177 | + <text wx:if="{{object.remaining_inventory}}">剩<text class="clor">20</text>件</text> | |
| 178 | + </view> | |
| 179 | + <view class="new_item1_price" style="{{'width:100%;' + (object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 180 | + <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | |
| 181 | + <view style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | |
| 182 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text style="font-size:42rpx;">{{aitem.price}}</text></view> | |
| 183 | + <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | |
| 184 | + </view> | |
| 185 | + </view> | |
| 186 | + <view> | |
| 187 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 100rpx;height: 100rpx;"></image> | |
| 188 | + <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> | |
| 189 | + </view> | |
| 190 | + </view> | |
| 191 | + </view> | |
| 192 | + </navigator> | |
| 193 | + </view> | |
| 194 | + </block> | |
| 195 | + </view> | |
| 196 | + </block> | |
| 197 | + <!-- 一大一小 --> | |
| 198 | + <block wx:if="{{object.style==5}}"> | |
| 199 | + <view style="{{'padding-left:'+object.page_margins+'px;padding-right:'+object.page_margins+'px;'}}" class="{{'flex2 new_item1_box '+ ((object.product_style==1 || object.product_style==3 )? ' bgf ':'')}}"> | |
| 200 | + <block wx:for="{{goods_array}}"> | |
| 201 | + <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind"> | |
| 202 | + <view wx:if="{{aind==0}}" class="{{'new_item1 ' + (object.product_style==2 ? ' boxsha ':'') + (object.product_style==3 ? ' aborder ':'') + (object.chamfer_of_main_drawing==2 ? ' but_radius5 ':'') + ((object.product_style==1 || object.product_style==3 )? ' bgf ':'')}}" style="{{'margin-bottom:'+object.product_spacing+'px;'}}"> | |
| 203 | + <navigator 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"> | |
| 204 | + <view class="imgBox"> | |
| 205 | + <!-- <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> --> | |
| 206 | + <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> | |
| 207 | + <!-- <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> --> | |
| 208 | + <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1'}}" src="./t1.png" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
| 209 | + </view> | |
| 210 | + | |
| 211 | + <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> | |
| 212 | + <image class="imgBox_img" wx:if="{{object.subscript_style<=4}}" src="{{imghost+'/miniapp/images/component/j0'+object.subscript_style +'.png'}}"></image> | |
| 213 | + </view> | |
| 214 | + <view class="new_item1_time" wx:if="{{object.count_down}}"> | |
| 215 | + <image src="{{imghost+'/miniapp/images/component/seckill.png'}}"></image> | |
| 216 | + <view style="text-align: center;"> | |
| 217 | + <view>距结束时间</view> | |
| 218 | + <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> | |
| 219 | + </view> | |
| 220 | + </view> | |
| 221 | + <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> | |
| 222 | + <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 223 | + <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | |
| 224 | + <view class="flex" style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | |
| 225 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text style="font-size:42rpx;">{{aitem.price}}</text></view> | |
| 226 | + <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | |
| 227 | + </view> | |
| 228 | + <view style="color: rgb(56, 56, 56);"> | |
| 229 | + <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">10</text>件</text> | |
| 230 | + <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">20</text>件</text> | |
| 231 | + </view> | |
| 232 | + </view> | |
| 233 | + <view> | |
| 234 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 122rpx;height: 122rpx;"></image> | |
| 235 | + <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> | |
| 236 | + </view> | |
| 237 | + </view> | |
| 238 | + </navigator> | |
| 239 | + </view> | |
| 240 | + <view wx:if="{{aind==1}}" class="{{'new_item1 ' + (object.product_style==2 ? ' boxsha ':'') + (object.product_style==3 ? ' aborder ':'') + (object.chamfer_of_main_drawing==2 ? ' but_radius5 ':'') + ((object.product_style==1 || object.product_style==3 )? ' bgf ':'')}}" style="{{'margin-bottom:'+object.product_spacing+'px; '+('width:calc(100%/2 - ' + object.product_spacing/2+'px)')}}"> | |
| 241 | + <navigator 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"> | |
| 242 | + <view class="imgBox"> | |
| 243 | + <!-- <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> --> | |
| 244 | + <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> | |
| 245 | + <!-- <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> --> | |
| 246 | + <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1'}}" src="./t1.png" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
| 247 | + </view> | |
| 248 | + | |
| 249 | + <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> | |
| 250 | + <image class="imgBox_img" wx:if="{{object.subscript_style<=4}}" src="{{imghost+'/miniapp/images/component/j0'+object.subscript_style +'.png'}}"></image> | |
| 251 | + </view> | |
| 252 | + <view class="new_item1_time" wx:if="{{object.count_down}}" style="justify-content: center;"> | |
| 253 | + <!-- <image src="{{imghost+'/miniapp/images/component/seckill.png'}}"></image> --> | |
| 254 | + <!-- <view style="text-align: center;"> | |
| 255 | + <view>距结束时间</view> --> | |
| 256 | + <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> | |
| 257 | + <!-- </view> --> | |
| 258 | + </view> | |
| 259 | + <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> | |
| 260 | + <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;':'')}}"> | |
| 261 | + <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">10</text>件</text> | |
| 262 | + <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">20</text>件</text> | |
| 263 | + </view> | |
| 264 | + <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 265 | + <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | |
| 266 | + <view style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | |
| 267 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text style="font-size:42rpx;">{{aitem.price}}</text></view> | |
| 268 | + <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | |
| 269 | + </view> | |
| 270 | + </view> | |
| 271 | + <view> | |
| 272 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 122rpx;height: 122rpx;"></image> | |
| 273 | + <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> | |
| 274 | + </view> | |
| 275 | + </view> | |
| 276 | + </navigator> | |
| 277 | + </view> | |
| 278 | + <view wx:if="{{aind==2}}" class="{{'new_item1 ' + (object.product_style==2 ? ' boxsha ':'') + (object.product_style==3 ? ' aborder ':'') + (object.chamfer_of_main_drawing==2 ? ' but_radius5 ':'') + ((object.product_style==1 || object.product_style==3 )? ' bgf ':'')}}" style="{{'margin-bottom:'+object.product_spacing+'px; '+('width:calc(100%/2 - ' + object.product_spacing/2+'px)')}}"> | |
| 279 | + <navigator 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"> | |
| 280 | + <view class="imgBox"> | |
| 281 | + <!-- <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> --> | |
| 282 | + <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> | |
| 283 | + <!-- <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> --> | |
| 284 | + <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1'}}" src="./t1.png" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
| 285 | + </view> | |
| 286 | + | |
| 287 | + <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> | |
| 288 | + <image class="imgBox_img" wx:if="{{object.subscript_style<=4}}" src="{{imghost+'/miniapp/images/component/j0'+object.subscript_style +'.png'}}"></image> | |
| 289 | + </view> | |
| 290 | + <view class="new_item1_time" wx:if="{{object.count_down}}" style="justify-content: center;"> | |
| 291 | + <!-- <image src="{{imghost+'/miniapp/images/component/seckill.png'}}"></image> --> | |
| 292 | + <!-- <view style="text-align: center;"> | |
| 293 | + <view>距结束时间</view> --> | |
| 294 | + <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> | |
| 295 | + <!-- </view> --> | |
| 296 | + </view> | |
| 297 | + <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> | |
| 298 | + <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;':'')}}"> | |
| 299 | + <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">10</text>件</text> | |
| 300 | + <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">20</text>件</text> | |
| 301 | + </view> | |
| 302 | + <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
| 303 | + <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | |
| 304 | + <view style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | |
| 305 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text style="font-size:42rpx;">{{aitem.price}}</text></view> | |
| 306 | + <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | |
| 307 | + </view> | |
| 308 | + </view> | |
| 309 | + <view> | |
| 310 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 122rpx;height: 122rpx;"></image> | |
| 311 | + <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> | |
| 312 | + </view> | |
| 313 | + </view> | |
| 314 | + </navigator> | |
| 315 | + </view> | |
| 316 | + </block> | |
| 317 | + </block> | |
| 318 | + </view> | |
| 319 | + </block> | |
| 320 | + | |
| 321 | + | |
| 103 | 322 | </block> |
| 104 | 323 | <block wx:else> |
| 105 | 324 | <!--秒杀--> | ... | ... |
components/diy_seckill/diy_seckill.wxss
| ... | ... | @@ -292,6 +292,7 @@ swiper { |
| 292 | 292 | |
| 293 | 293 | |
| 294 | 294 | .ellipsis-2 { |
| 295 | + height: 75rpx; | |
| 295 | 296 | overflow: hidden; |
| 296 | 297 | text-overflow: ellipsis; |
| 297 | 298 | display: -webkit-box; |
| ... | ... | @@ -327,14 +328,15 @@ swiper { |
| 327 | 328 | } |
| 328 | 329 | .new_item1_goods_name{ |
| 329 | 330 | padding: 10rpx; |
| 330 | - font-size: 28rpx; | |
| 331 | - | |
| 331 | + font-size: 26rpx; | |
| 332 | + width: 100%; | |
| 332 | 333 | } |
| 333 | 334 | .new_item1_price{ |
| 334 | 335 | display: flex; |
| 335 | - padding: 10rpx; | |
| 336 | + padding: 0 10rpx; | |
| 336 | 337 | align-items: center; |
| 337 | 338 | justify-content: space-between; |
| 339 | + font-size: 26rpx; | |
| 338 | 340 | } |
| 339 | 341 | .clor{ |
| 340 | 342 | color: rgba(196, 24, 45, 1); | ... | ... |