Commit d68fc47aa841cb0c48d78021d524d0a08379447e
1 parent
91fe5eba
列表样式
Showing
3 changed files
with
132 additions
and
45 deletions
components/diy_seckill/diy_seckill.js
... | ... | @@ -37,7 +37,8 @@ Component({ |
37 | 37 | timer: null, |
38 | 38 | user_id:0, |
39 | 39 | img_width:100, |
40 | - img_height:100 | |
40 | + img_height:100, | |
41 | + swiperHeight:0 | |
41 | 42 | }, |
42 | 43 | |
43 | 44 | pageLifetimes: { |
... | ... | @@ -69,7 +70,6 @@ Component({ |
69 | 70 | |
70 | 71 | ready: function () { |
71 | 72 | var g_id = this.data.object; |
72 | - | |
73 | 73 | this.init(g_id); |
74 | 74 | this.data.user_id=getApp().globalData.user_id; |
75 | 75 | }, |
... | ... | @@ -125,17 +125,7 @@ Component({ |
125 | 125 | th.no_gid_set(); |
126 | 126 | } |
127 | 127 | }, |
128 | - imageLoad(e){ | |
129 | - var width=e.detail.width, //获取图片真实宽度 | |
130 | - height=e.detail.height, | |
131 | - ratio=width/height; //图片的真实宽高比例 | |
132 | - let object=this.data.object | |
133 | - let picture_scale=object.picture_scale | |
134 | - if (condition) { | |
135 | - | |
136 | - } | |
137 | 128 | |
138 | - }, | |
139 | 129 | //当是默认的情况 |
140 | 130 | no_gid_set() { |
141 | 131 | var user_id=getApp().globalData.user_id; |
... | ... | @@ -207,26 +197,37 @@ Component({ |
207 | 197 | |
208 | 198 | |
209 | 199 | Promise.all(promisies).then(() => { |
210 | - | |
211 | 200 | // 判断活动是否结束 |
212 | 201 | for(let i in all_array){ |
213 | 202 | let item=all_array[i]; |
214 | 203 | if(newTime > item.end_time) { |
215 | 204 | all_array[i].status = 3; |
216 | - }; | |
217 | - | |
205 | + }; | |
218 | 206 | } |
219 | 207 | |
220 | - var arr = new Array(); | |
221 | - //--三个三个一组--- | |
222 | - for (var i = 0; i < all_array.length; i += 3) { | |
223 | - arr.push(all_array.slice(i, i + 3)); | |
224 | - } | |
208 | + var arr = new Array(); | |
209 | + if (th.data.object.style==6) { | |
210 | + //--三个三个一组--- | |
211 | + for (var i = 0; i < all_array.length; i += 2) { | |
212 | + arr.push(all_array.slice(i, i + 2)); | |
213 | + } | |
214 | + | |
215 | + }else{ | |
216 | + //--三个三个一组--- | |
217 | + for (var i = 0; i < all_array.length; i += 3) { | |
218 | + arr.push(all_array.slice(i, i + 3)); | |
219 | + } | |
220 | + } | |
221 | + | |
225 | 222 | /*--熏染到前台--*/ |
226 | 223 | console.log('秒杀数据:'); |
227 | 224 | console.log(arr); |
228 | 225 | console.error('....................'); |
229 | - th.setData({ goods_array: arr }); | |
226 | + th.setData({ goods_array: arr }); | |
227 | + if (th.data.object.style==6) { | |
228 | + th.setSwiper_h() | |
229 | + } | |
230 | + | |
230 | 231 | }); |
231 | 232 | |
232 | 233 | |
... | ... | @@ -234,7 +235,32 @@ Component({ |
234 | 235 | th.countDown2(th); |
235 | 236 | }, 1000); |
236 | 237 | }, |
237 | - | |
238 | + setSwiper_h(){ | |
239 | + var th=this | |
240 | + wx.createSelectorQuery().in(this).select('.swiper_h').boundingClientRect(rect => { | |
241 | + console.error('组件高度'); | |
242 | + console.log(rect) | |
243 | + if (rect && rect.height) { | |
244 | + var sumHeigth=(rect.height+13)+'px' | |
245 | + th.setData({ | |
246 | + swiperHeight: sumHeigth | |
247 | + }) | |
248 | + } | |
249 | + }).exec(); | |
250 | + // const query = this.createSelectorQuery() | |
251 | + // query.select('.swiper_h').boundingClientRect() | |
252 | + // query.exec( (res)=> { | |
253 | + // console.log(res) | |
254 | + // console.log(res[0].height) | |
255 | + // console.log(res[0].height * data.t.length) | |
256 | + // let sumHeigth = res[0].height * data.t.length; | |
257 | + // console.error('组件高度'); | |
258 | + // console.log(sumHeigth); | |
259 | + // th.setData({ | |
260 | + // swiperHeight: sumHeigth | |
261 | + // }) | |
262 | + // }) | |
263 | + }, | |
238 | 264 | |
239 | 265 | |
240 | 266 | //---小于10的格式化函数---- | ... | ... |
components/diy_seckill/diy_seckill.wxml
... | ... | @@ -26,15 +26,15 @@ |
26 | 26 | <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> |
27 | 27 | <image class="imgBox_img" wx:if="{{object.subscript_style<=4}}" src="{{imghost+'/miniapp/images/component/j0'+object.subscript_style +'.png'}}"></image> |
28 | 28 | </view> |
29 | - <view class="new_item1_time" wx:if="{{object.count_down}}"> | |
29 | + <view style="height: 70rpx;" class="new_item1_time" wx:if="{{object.count_down}}"> | |
30 | 30 | <image src="{{imghost+'/miniapp/images/component/seckill.png'}}"></image> |
31 | 31 | <view style="text-align: center;"> |
32 | 32 | <view>距结束时间</view> |
33 | 33 | <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> |
34 | 34 | </view> |
35 | 35 | </view> |
36 | - <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> | |
37 | - <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
36 | + <view class="ellipsis-2 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> | |
37 | + <view class="new_item1_price" style="{{'padding:0 10rpx;'+(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
38 | 38 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
39 | 39 | <view class="flex" style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
40 | 40 | <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text style="font-size:42rpx;">{{aitem.price}}</text></view> |
... | ... | @@ -59,13 +59,13 @@ |
59 | 59 | <block wx:if="{{object.style==2}}"> |
60 | 60 | <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 ':'')}}"> |
61 | 61 | <block wx:for="{{goods_array}}"> |
62 | - <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%/2 - ' + object.product_spacing/2+'px)')}}"> | |
62 | + <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 ':'')}}" style="{{'margin-bottom:'+object.product_spacing+'px; '+('width:calc(100%/2 - ' + object.product_spacing/2+'px)')}}"> | |
63 | 63 | <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"> |
64 | 64 | <view class="imgBox"> |
65 | 65 | <!-- <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> --> |
66 | 66 | <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> |
67 | 67 | <!-- <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> --> |
68 | - <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> | |
68 | + <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1 '+ (object.chamfer_of_main_drawing==2 ? ' but_radius5 ':'') }}" src="./t1.png" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
69 | 69 | </view> |
70 | 70 | |
71 | 71 | <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> |
... | ... | @@ -104,13 +104,13 @@ |
104 | 104 | <block wx:if="{{object.style==3}}"> |
105 | 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 | 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)')}}"> | |
107 | + <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 ':'')}}" style="{{'margin-bottom:'+object.product_spacing+'px; '+('width:calc(100%/3 - ' + (object.product_spacing*2)/3+'px)')}}"> | |
108 | 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 | 109 | <view class="imgBox"> |
110 | 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 | 111 | <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> |
112 | 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> | |
113 | + <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1 '+ (object.chamfer_of_main_drawing==2 ? ' but_radius5 ':'') }}" src="./t1.png" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
114 | 114 | </view> |
115 | 115 | |
116 | 116 | <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> |
... | ... | @@ -149,14 +149,14 @@ |
149 | 149 | <block wx:if="{{object.style==4}}"> |
150 | 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 | 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;'}}"> | |
152 | + <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 ':'')}}" style="{{'border-top-right-radius:0;margin-bottom:'+object.product_spacing+'px;'}}"> | |
153 | 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 | 154 | <view style="width: 50%;"> |
155 | 155 | <view class="imgBox"> |
156 | 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 | 157 | <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> |
158 | 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> | |
159 | + <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1'+ (object.chamfer_of_main_drawing==2 ? ' but_radius5 ':'') }}" src="./t1.png" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
160 | 160 | </view> |
161 | 161 | |
162 | 162 | <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> |
... | ... | @@ -211,15 +211,15 @@ |
211 | 211 | <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> |
212 | 212 | <image class="imgBox_img" wx:if="{{object.subscript_style<=4}}" src="{{imghost+'/miniapp/images/component/j0'+object.subscript_style +'.png'}}"></image> |
213 | 213 | </view> |
214 | - <view class="new_item1_time" wx:if="{{object.count_down}}"> | |
214 | + <view style="height: 70rpx;" class="new_item1_time" wx:if="{{object.count_down}}"> | |
215 | 215 | <image src="{{imghost+'/miniapp/images/component/seckill.png'}}"></image> |
216 | 216 | <view style="text-align: center;"> |
217 | 217 | <view>距结束时间</view> |
218 | 218 | <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> |
219 | 219 | </view> |
220 | 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;' :'' )}}"> | |
221 | + <view class="ellipsis-2 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> | |
222 | + <view class="new_item1_price" style="{{'padding:0 10rpx;'+(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
223 | 223 | <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> |
224 | 224 | <view class="flex" style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> |
225 | 225 | <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text style="font-size:42rpx;">{{aitem.price}}</text></view> |
... | ... | @@ -237,13 +237,13 @@ |
237 | 237 | </view> |
238 | 238 | </navigator> |
239 | 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)')}}"> | |
240 | + <view wx:if="{{aind==1}}" class="{{'boxpad new_item1 ' + (object.product_style==2 ? ' boxsha ':'') + (object.product_style==3 ? ' aborder ':'') + ((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 | 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 | 242 | <view class="imgBox"> |
243 | 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 | 244 | <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> |
245 | 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> | |
246 | + <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1 ' + (object.chamfer_of_main_drawing==2 ? ' but_radius5 ':'') }}" src="./t1.png" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
247 | 247 | </view> |
248 | 248 | |
249 | 249 | <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> |
... | ... | @@ -275,13 +275,13 @@ |
275 | 275 | </view> |
276 | 276 | </navigator> |
277 | 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)')}}"> | |
278 | + <view wx:if="{{aind==2}}" class="{{'boxpad new_item1 ' + (object.product_style==2 ? ' boxsha ':'') + (object.product_style==3 ? ' aborder ':'') + ((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 | 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 | 280 | <view class="imgBox"> |
281 | 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 | 282 | <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> |
283 | 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> | |
284 | + <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1 ' + (object.chamfer_of_main_drawing==2 ? ' but_radius5 ':'') }}" src="./t1.png" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
285 | 285 | </view> |
286 | 286 | |
287 | 287 | <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> |
... | ... | @@ -317,7 +317,54 @@ |
317 | 317 | </block> |
318 | 318 | </view> |
319 | 319 | </block> |
320 | + <!-- 横向滑动 --> | |
321 | + <block wx:if="{{object.style==6}}"> | |
322 | + <!-- <swiper indicator-dots circular> --> | |
323 | + <swiper indicator-dots style="{{'padding-left:'+object.page_margins+'px;padding-right:'+object.page_margins+'px;'+(swiperHeight ? ('height:'+swiperHeight+';'):'' )}}" class="{{' new_item1_box '+ ((object.product_style==1 || object.product_style==3 )? ' bgf ':'')}}"> | |
324 | + <swiper-item wx:for="{{goods_array}}" class="flex2" style="padding: 5rpx;"> | |
325 | + <view wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind" class="{{'boxpad swiper_h new_item1 ' + (object.product_style==2 ? ' boxsha ':'') + (object.product_style==3 ? ' aborder ':'') + ((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)')}}"> | |
326 | + <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"> | |
327 | + <view class="imgBox"> | |
328 | + <!-- <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> --> | |
329 | + <view class="{{'container'+object.picture_scale}}" style="{{object.picture_fill==1 ? 'background-color: #fff;' : ''}}"> | |
330 | + <!-- <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> --> | |
331 | + <image mode="{{object.picture_fill==1 ? 'aspectFit' : 'aspectFill'}}" class="{{'new_item1_image images1 ' + (object.chamfer_of_main_drawing==2 ? ' but_radius5 ':'') }}" src="./t1.png" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image> | |
332 | + </view> | |
333 | + | |
334 | + <image class="imgBox_img" wx:if="{{object.subscript_style==5}}" src="{{object.subscript_diy_style}}"></image> | |
335 | + <image class="imgBox_img" wx:if="{{object.subscript_style<=4}}" src="{{imghost+'/miniapp/images/component/j0'+object.subscript_style +'.png'}}"></image> | |
336 | + </view> | |
337 | + <view class="new_item1_time" wx:if="{{object.count_down}}" style="justify-content: center;"> | |
338 | + <!-- <image src="{{imghost+'/miniapp/images/component/seckill.png'}}"></image> --> | |
339 | + <!-- <view style="text-align: center;"> | |
340 | + <view>距结束时间</view> --> | |
341 | + <view>{{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}}</view> | |
342 | + <!-- </view> --> | |
343 | + </view> | |
344 | + <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> | |
345 | + <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;':'')}}"> | |
346 | + <text wx:if="{{object.seconds_num}}">已秒 <text class="clor">10</text>件</text> | |
347 | + <text wx:if="{{object.remaining_inventory}}">还剩余<text class="clor">20</text>件</text> | |
348 | + </view> | |
349 | + <view class="new_item1_price" style="{{(object.text_align==2 ? 'justify-content:center;flex-direction:column;' :'' )}}"> | |
350 | + <view style="{{(object.text_style==2 ? 'font-weight: bold;':'')}}"> | |
351 | + <view style="{{'font-size: 28rpx; ' +(object.text_align==2 ? 'justify-content:center;' :'' ) }}"> | |
352 | + <view class="clor" style="margin-right: 5rpx;" wx:if="{{object.commodity_price}}">¥<text style="font-size:42rpx;">{{aitem.price}}</text></view> | |
353 | + <view wx:if="{{object.wholesale_price}}">¥{{aitem.market_price}}</view> | |
354 | + </view> | |
355 | + </view> | |
356 | + <view> | |
357 | + <image wx:if="{{object.purchase_button<=4}}" src="{{imghost+'/miniapp/images/component/0'+object.purchase_button+'.png'}}" style="width: 122rpx;height: 122rpx;"></image> | |
358 | + <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> | |
359 | + </view> | |
360 | + </view> | |
361 | + </navigator> | |
362 | + </view> | |
363 | + </swiper-item> | |
364 | + </swiper> | |
365 | + <!-- </swiper> --> | |
320 | 366 | |
367 | + </block> | |
321 | 368 | |
322 | 369 | </block> |
323 | 370 | <block wx:else> |
... | ... | @@ -451,4 +498,5 @@ |
451 | 498 | </view> |
452 | 499 | <view class='clear'></view> |
453 | 500 | </block> |
454 | -</block> | |
455 | 501 | \ No newline at end of file |
502 | +</block> | |
503 | + | ... | ... |
components/diy_seckill/diy_seckill.wxss
... | ... | @@ -292,7 +292,7 @@ swiper { |
292 | 292 | |
293 | 293 | |
294 | 294 | .ellipsis-2 { |
295 | - height: 75rpx; | |
295 | + height: 97rpx; | |
296 | 296 | overflow: hidden; |
297 | 297 | text-overflow: ellipsis; |
298 | 298 | display: -webkit-box; |
... | ... | @@ -312,7 +312,7 @@ swiper { |
312 | 312 | max-height: 100%; */ |
313 | 313 | } |
314 | 314 | .new_item1_time{ |
315 | - height: 70rpx; | |
315 | + height: 60rpx; | |
316 | 316 | background: rgba(196, 24, 45, 1); |
317 | 317 | color: #fff; |
318 | 318 | font-size: 25rpx; |
... | ... | @@ -327,13 +327,14 @@ swiper { |
327 | 327 | height: 52rpx; |
328 | 328 | } |
329 | 329 | .new_item1_goods_name{ |
330 | - padding: 10rpx; | |
330 | + padding: 10rpx 0rpx; | |
331 | 331 | font-size: 26rpx; |
332 | 332 | width: 100%; |
333 | + box-sizing: border-box; | |
333 | 334 | } |
334 | 335 | .new_item1_price{ |
335 | 336 | display: flex; |
336 | - padding: 0 10rpx; | |
337 | + /* padding: 0 10rpx; */ | |
337 | 338 | align-items: center; |
338 | 339 | justify-content: space-between; |
339 | 340 | font-size: 26rpx; |
... | ... | @@ -389,7 +390,7 @@ swiper { |
389 | 390 | border-radius:289rpx; |
390 | 391 | } |
391 | 392 | .but_radius5{ |
392 | - border-radius:17px; | |
393 | + border-radius:17px 17px 0 0; | |
393 | 394 | } |
394 | 395 | .imgBox{ |
395 | 396 | position: relative; |
... | ... | @@ -400,6 +401,7 @@ swiper { |
400 | 401 | top: 22rpx; |
401 | 402 | width: 74rpx; |
402 | 403 | height: 70rpx; |
404 | + | |
403 | 405 | } |
404 | 406 | |
405 | 407 | .aspect_ratio1{ |
... | ... | @@ -459,4 +461,15 @@ swiper { |
459 | 461 | justify-content: space-between; |
460 | 462 | flex-wrap: wrap; |
461 | 463 | box-sizing: border-box; |
462 | -} | |
463 | 464 | \ No newline at end of file |
465 | +} | |
466 | +.flex2:after { | |
467 | + content: ""; | |
468 | + width: 30%; | |
469 | + height: 0px; | |
470 | + visibility: hidden; | |
471 | + } | |
472 | + | |
473 | + .boxpad{ | |
474 | + padding:11rpx 9rpx; | |
475 | + box-sizing: border-box; | |
476 | + } | |
464 | 477 | \ No newline at end of file | ... | ... |