Commit f3f09f948371085b34d70f172fab27049430beec
1 parent
adf33573
服务卡自定义模版分类标题置顶
Showing
12 changed files
with
998 additions
and
708 deletions
components/diy_serviceCard/diy_serviceCard.js
| ... | ... | @@ -17,7 +17,13 @@ Component({ |
| 17 | 17 | type: Object, |
| 18 | 18 | value: null, |
| 19 | 19 | }, |
| 20 | - | |
| 20 | + sticky: { | |
| 21 | + type: Number, | |
| 22 | + }, | |
| 23 | + container: { | |
| 24 | + type: Object, | |
| 25 | + value: null, | |
| 26 | + }, | |
| 21 | 27 | }, |
| 22 | 28 | data: { |
| 23 | 29 | // 这里是一些组件内部数据 |
| ... | ... | @@ -49,12 +55,19 @@ Component({ |
| 49 | 55 | title_index: 0, |
| 50 | 56 | swiper_hei: 0, |
| 51 | 57 | title_class: "", |
| 58 | + container: null, | |
| 52 | 59 | }, |
| 53 | 60 | |
| 54 | - ready: function() {}, | |
| 61 | + | |
| 55 | 62 | |
| 56 | 63 | lifetimes: { |
| 64 | + ready: function() { | |
| 65 | + this.setData({ | |
| 66 | + container: () => wx.createSelectorQuery().select('#container') | |
| 67 | + }); | |
| 68 | + }, | |
| 57 | 69 | attached: function() { |
| 70 | + | |
| 58 | 71 | let myStyle = ''; |
| 59 | 72 | //要兼容性的写法,因为有些商家都还未更新商品分组的最新的效果~~3.0公众号的html页面所以不用兼容写法 |
| 60 | 73 | var nav_item = this.data.object; |
| ... | ... | @@ -172,6 +185,10 @@ Component({ |
| 172 | 185 | show: function() { |
| 173 | 186 | //--初始化卡类-- |
| 174 | 187 | // this.card_init(); |
| 188 | + // this.setData({ | |
| 189 | + // container: () => wx.createSelectorQuery().select('#container') | |
| 190 | + // }); | |
| 191 | + console.log('onshow'); | |
| 175 | 192 | }, |
| 176 | 193 | }, |
| 177 | 194 | ... | ... |
components/diy_serviceCard/diy_serviceCard.json
components/diy_serviceCard/diy_serviceCard.wxml
| ... | ... | @@ -10,361 +10,219 @@ |
| 10 | 10 | </view> |
| 11 | 11 | </view> |
| 12 | 12 | </block> --> |
| 13 | - | |
| 14 | -<!-- 服务卡项顶部标题 --> | |
| 15 | -<!-- class="scroll-view-item {{index == title_index ? 'active':''}}" --> | |
| 16 | -<scroll-view scroll-x="true" enhanced="true" fast-deceleration="true" show-scrollbar="false" wx:if="{{is_nav}}"> | |
| 17 | - <view class="flex" style="{{myStyle}}"> | |
| 18 | - <view | |
| 19 | - wx:for="{{nav_list}}" | |
| 20 | - data-index="{{index}}" | |
| 21 | - data-idlist="{{item.idlist}}" | |
| 22 | - data-wgroup="{{item.wgroup}}" | |
| 23 | - data-classstyle="{{item.classstyle}}" | |
| 24 | - bindtap="gr_set_nav" | |
| 25 | - class="scroll-view-item {{index == title_index ? 'active':''}}" | |
| 26 | - style="{{title_class}}">{{item.title}}</view> | |
| 27 | - </view> | |
| 28 | -</scroll-view> | |
| 29 | - | |
| 30 | - | |
| 31 | -<!--1个列表的时候--> | |
| 32 | -<view class="zs_goods_wai" wx:if='{{object.column==1}}'> | |
| 33 | - <block wx:for="{{goods_array}}"> | |
| 34 | - <view class='zs_goods {{g_filter.get_border_type(object.big_order_type)}}'> | |
| 35 | - <!-- <navigator url="{{g_filter.get_url_by_type(item)}}" class="s1_gk_a1"> --> | |
| 36 | - <navigator url="/packageA/pages/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | |
| 37 | - <view class='zs_top rel'> | |
| 38 | - | |
| 39 | - <block wx:if="{{object.big_order_type==3}}"> | |
| 40 | - <view style="position: relative; width: 100%; height: 100%"> | |
| 41 | - <image class='zs_t_img' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" binderror="bind_bnerr3"></image> | |
| 42 | - <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" binderror="bind_bnerr3"></image> | |
| 43 | - </view> | |
| 44 | - </block> | |
| 45 | - <block wx:else> | |
| 46 | - <image class='zs_t_img' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | |
| 47 | - binderror="bind_bnerr3" lazy-load="true" ></image> | |
| 48 | - </block> | |
| 49 | - | |
| 50 | - <block wx:if="{{object.goodicon==3}}"> | |
| 51 | - <image class='{{g_filter.get_class(object.column,object.position)}}' src='{{object.customicon}}'></image> | |
| 52 | - </block> | |
| 53 | - <block wx:if="{{object.goodicon==1}}"> | |
| 54 | - <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image> | |
| 55 | - </block> | |
| 56 | - <block wx:if="{{object.goodicon==2}}"> | |
| 57 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}" | |
| 58 | - src='{{imghost}}/miniapp/images/Recommend.png'></image> | |
| 59 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2}}" | |
| 60 | - src='{{imghost}}/miniapp/images/hot.png'></image> | |
| 61 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}" | |
| 62 | - src='{{imghost}}/miniapp/images/new.png'></image> | |
| 63 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4}}" | |
| 64 | - src='{{imghost}}/miniapp/images/Promotion.png'></image> | |
| 65 | - </block> | |
| 66 | - </view> | |
| 67 | - <view class='zs_center'> | |
| 68 | - <!-- <view class='zs_wz1' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> --> | |
| 69 | - <view class='zs_wz1'>{{item.goods_name}}</view> | |
| 70 | - <!--如果有显示价格 --> | |
| 71 | - <view class='zs_wz2' wx:if="{{object.goodsprice}}"> | |
| 72 | - <block wx:if="{{item.prom_price || item.prom_integral}}"> | |
| 73 | - <view class='wz_red'> | |
| 74 | - <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 75 | - <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 76 | - <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text> | |
| 77 | - </view> | |
| 78 | - <view class='del'>¥{{item.market_price}}</view> | |
| 79 | - </block> | |
| 80 | - <block wx:else> | |
| 81 | - | |
| 82 | - <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" > | |
| 83 | - <!-- 当会员是等级卡的时候 --> | |
| 84 | - <block wx:if="{{card_field}}"> | |
| 85 | - <!-- 等级价>0 --> | |
| 86 | - <block wx:if="{{item[card_field]>0}}"> | |
| 87 | - <view class="money flex ai_and"> | |
| 88 | - <!-- 办卡价 --> | |
| 89 | - <view class="flex xc-wc ai_and"> | |
| 90 | - <view class="fs24 wz_red">¥</view> | |
| 91 | - <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view> | |
| 92 | - <view class="card_bg ellipsis-1"> | |
| 93 | - <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 94 | - <text class="card_name">{{card_name}}</text> | |
| 95 | - </view> | |
| 96 | - </view> | |
| 97 | - </view> | |
| 98 | - <view class="flex" style="line-height: 28rpx;" > | |
| 99 | - <!-- 原价 --> | |
| 100 | - <view class="price flex xc-ash line_th"> | |
| 101 | - <view class="fs22">¥</view> | |
| 102 | - <view class="fs22">{{item.market_price}}</view> | |
| 103 | - </view> | |
| 104 | - </view> | |
| 105 | - </block> | |
| 106 | - <blocK wx:else> | |
| 107 | - <view class="money flex" > | |
| 108 | - <!-- 办卡价 --> | |
| 109 | - <view class="flex xc-wc"> | |
| 110 | - <view class="fs24 wz_red">¥</view> | |
| 111 | - <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 112 | - </view> | |
| 113 | - </view> | |
| 114 | - <view class="flex" style="line-height: 28rpx;" > | |
| 115 | - <!-- 原价 --> | |
| 116 | - <view class="price flex xc-ash line_th"> | |
| 117 | - <view class="fs22">¥</view> | |
| 118 | - <view class="fs22">{{item.market_price}}</view> | |
| 119 | - </view> | |
| 120 | - </view> | |
| 121 | - </blocK> | |
| 122 | - </block> | |
| 123 | - <block wx:else> | |
| 124 | - <!-- 如果商品有设置等级价大于0的 --> | |
| 125 | - <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}"> | |
| 126 | - <view class="money flex" > | |
| 127 | - <!-- 办卡价 --> | |
| 128 | - <view class="flex xc-wc"> | |
| 129 | - <view class="fs24 wz_red">¥</view> | |
| 130 | - <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 131 | - </view> | |
| 132 | - <!-- 原价 --> | |
| 133 | - <view class="price flex xc-ash line_th"> | |
| 134 | - <view class="fs22">¥</view> | |
| 135 | - <view class="fs22">{{item.market_price}}</view> | |
| 136 | - </view> | |
| 137 | - | |
| 138 | - </view> | |
| 139 | - <view class="flex" style="line-height: 28rpx;" > | |
| 140 | - <!-- 等级价 --> | |
| 141 | - <view class="price flex ai_and"> | |
| 142 | - <view class="fs22">¥</view> | |
| 143 | - <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view> | |
| 144 | - <view class="card_bg ellipsis-1"> | |
| 145 | - <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 146 | - <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text> | |
| 147 | - </view> | |
| 148 | - </view> | |
| 149 | - </view> | |
| 150 | - </block> | |
| 151 | - <block wx:else> | |
| 152 | - <view class="money flex" > | |
| 153 | - <!-- 办卡价 --> | |
| 154 | - <view class="flex xc-wc"> | |
| 155 | - <view class="fs24 wz_red">¥</view> | |
| 156 | - <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 157 | - </view> | |
| 158 | - </view> | |
| 159 | - <view class="flex" style="line-height: 28rpx;" > | |
| 160 | - <!-- 原价 --> | |
| 161 | - <view class="price flex xc-ash line_th"> | |
| 162 | - <view class="fs22">¥</view> | |
| 163 | - <view class="fs22">{{item.market_price}}</view> | |
| 164 | - </view> | |
| 165 | - </view> | |
| 166 | - </block> | |
| 167 | - </block> | |
| 168 | - </block> | |
| 169 | - | |
| 170 | - <block wx:else> | |
| 171 | - <view class='wz_red'>¥{{item.shop_price}}</view> | |
| 172 | - <view class='del'>¥{{item.market_price}}</view> | |
| 173 | - </block> | |
| 174 | - | |
| 175 | - </block> | |
| 176 | - | |
| 177 | - </view> | |
| 178 | - <view class='zs_wz4 c-5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | |
| 179 | - <!-- <view style="height: 10rpx;"></view> --> | |
| 180 | - </view> | |
| 181 | - </navigator> | |
| 182 | - </view> | |
| 183 | - <!-- <view style="height:20rpx"></view> --> | |
| 184 | - </block> | |
| 185 | - | |
| 186 | -</view> | |
| 187 | -<!--2个一列--> | |
| 188 | -<view class="flex flex-wrap" wx:if="{{object.column==2}}" style="padding: 0 10rpx 20rpx 10rpx;"> | |
| 189 | - <block wx:for="{{goods_array}}" > | |
| 190 | - <view class="nav-container"> | |
| 191 | - <navigator url="/packageA/pages/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1 {{g_filter.get_border_type(object.big_order_type)}}"> | |
| 192 | - <view class="zs_goods_wai_ban"> | |
| 193 | - <!-- <view class="zs_goods_ban"> --> | |
| 194 | - <!-- <view class='zs_goods_2l'> --> | |
| 195 | - <view class='zs_top_2l rel'> | |
| 196 | - | |
| 197 | - <block wx:if="{{object.big_order_type==3}}"> | |
| 198 | - <view style="position: relative; width: 100%; height: 100%"> | |
| 199 | - <image class='zs_t_img_2l' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | |
| 200 | - binderror="bind_bnerr3"></image> | |
| 201 | - <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 202 | - binderror="bind_bnerr3"></image> | |
| 203 | - </view> | |
| 204 | - </block> | |
| 205 | - <block wx:else> | |
| 206 | - <image class='zs_t_img_2l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 207 | - binderror="bind_bnerr3"></image> | |
| 208 | - </block> | |
| 209 | - | |
| 210 | - <block wx:if="{{object.goodicon==3}}"> | |
| 211 | - <image class='{{g_filter.get_class(object.column,object.position)}}' | |
| 212 | - src='{{object.customicon}}'></image> | |
| 213 | - </block> | |
| 214 | - <block wx:if="{{object.goodicon==1}}"> | |
| 215 | - <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image> | |
| 216 | - </block> | |
| 217 | - <block wx:if="{{object.goodicon==2}}"> | |
| 218 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}" | |
| 219 | - src='{{imghost}}/miniapp/images/Recommend.png'></image> | |
| 220 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}" | |
| 221 | - src='{{imghost}}/miniapp/images/hot.png'></image> | |
| 222 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}" | |
| 223 | - src='{{imghost}}/miniapp/images/new.png'></image> | |
| 224 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}" | |
| 225 | - src='{{imghost}}/miniapp/images/Promotion.png'></image> | |
| 226 | - </block> | |
| 227 | - </view> | |
| 228 | - | |
| 229 | - <view class='zs_center_2l'> | |
| 230 | - <view class='zs_wz1_2l ellipsis-2' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | |
| 231 | - <view class='zs_wz2_2l' wx:if="{{object.goodsprice}}"> | |
| 232 | - | |
| 233 | - <block wx:if="{{item.prom_price || item.prom_integral}}"> | |
| 234 | - <view class='wz_red'> | |
| 235 | - <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 236 | - <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 237 | - <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text> | |
| 238 | - </view> | |
| 239 | - <view class='del'>¥{{item.market_price}}</view> | |
| 240 | - </block> | |
| 241 | - <block wx:else> | |
| 242 | - <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" > | |
| 243 | - <!-- 当会员是等级卡的时候 --> | |
| 244 | - <block wx:if="{{card_field}}"> | |
| 245 | - <!-- 等级价>0 --> | |
| 246 | - <block wx:if="{{item[card_field]>0}}"> | |
| 247 | - <view class="money flex" > | |
| 248 | - <!-- 办卡价 --> | |
| 249 | - <view class="flex xc-wc ai_and"> | |
| 250 | - <view class="fs24 wz_red">¥</view> | |
| 251 | - <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view> | |
| 252 | - <view class="card_bg ellipsis-1"> | |
| 253 | - <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 254 | - <view class="card_name">{{card_name}}</view> | |
| 255 | - </view> | |
| 256 | - </view> | |
| 257 | - </view> | |
| 258 | - <view class="flex" style="line-height: 28rpx;" > | |
| 259 | - <!-- 原价 --> | |
| 260 | - <view class="price flex xc-ash line_th"> | |
| 261 | - <view class="fs22">¥</view> | |
| 262 | - <view class="fs22">{{item.market_price}}</view> | |
| 263 | - </view> | |
| 264 | - </view> | |
| 265 | - </block> | |
| 266 | - <blocK wx:else> | |
| 267 | - <view class="money flex" > | |
| 268 | - <!-- 办卡价 --> | |
| 269 | - <view class="flex xc-wc"> | |
| 270 | - <view class="fs24 wz_red">¥</view> | |
| 271 | - <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 272 | - </view> | |
| 273 | - </view> | |
| 274 | - <view class="flex" style="line-height: 28rpx;" > | |
| 275 | - <!-- 原价 --> | |
| 276 | - <view class="price flex xc-ash line_th"> | |
| 277 | - <view class="fs22">¥</view> | |
| 278 | - <view class="fs22">{{item.market_price}}</view> | |
| 279 | - </view> | |
| 280 | - </view> | |
| 281 | - </blocK> | |
| 282 | - </block> | |
| 283 | - <block wx:else> | |
| 284 | - <!-- 如果商品有设置等级价大于0的 --> | |
| 285 | - <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}"> | |
| 286 | - <view class="money flex" > | |
| 287 | - <!-- 办卡价 --> | |
| 288 | - <view class="flex xc-wc"> | |
| 289 | - <view class="fs24 wz_red">¥</view> | |
| 290 | - <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 291 | - </view> | |
| 292 | - <!-- 原价 --> | |
| 293 | - <view class="price flex xc-ash line_th"> | |
| 294 | - <view class="fs22">¥</view> | |
| 295 | - <view class="fs22">{{item.market_price}}</view> | |
| 296 | - </view> | |
| 297 | - | |
| 298 | - </view> | |
| 299 | - <view class="flex" style="line-height: 28rpx;" > | |
| 300 | - <!-- 等级价 --> | |
| 301 | - <view class="price flex ai_and"> | |
| 302 | - <view class="fs22">¥</view> | |
| 303 | - <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view> | |
| 304 | - <view class="card_bg ellipsis-1"> | |
| 305 | - <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 306 | - <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text> | |
| 13 | +<view id="container"> | |
| 14 | + | |
| 15 | + <mp-sticky wx:if="{{sticky == 1}}"> | |
| 16 | + <scroll-view scroll-x="true" enhanced="true" fast-deceleration="true" show-scrollbar="false" wx:if="{{is_nav}}"> | |
| 17 | + <view class="flex" style="{{myStyle}};"> | |
| 18 | + <view | |
| 19 | + wx:for="{{nav_list}}" | |
| 20 | + data-index="{{index}}" | |
| 21 | + data-idlist="{{item.idlist}}" | |
| 22 | + data-wgroup="{{item.wgroup}}" | |
| 23 | + data-classstyle="{{item.classstyle}}" | |
| 24 | + bindtap="gr_set_nav" | |
| 25 | + class="scroll-view-item {{index == title_index ? 'active':''}}" | |
| 26 | + style="{{title_class}}">{{item.title}}</view> | |
| 27 | + </view> | |
| 28 | + </scroll-view> | |
| 29 | + </mp-sticky> | |
| 30 | + | |
| 31 | + <block wx:else> | |
| 32 | + <scroll-view scroll-x="true" enhanced="true" fast-deceleration="true" show-scrollbar="false" wx:if="{{is_nav}}"> | |
| 33 | + <view class="flex" style="{{myStyle}};"> | |
| 34 | + <view | |
| 35 | + wx:for="{{nav_list}}" | |
| 36 | + data-index="{{index}}" | |
| 37 | + data-idlist="{{item.idlist}}" | |
| 38 | + data-wgroup="{{item.wgroup}}" | |
| 39 | + data-classstyle="{{item.classstyle}}" | |
| 40 | + bindtap="gr_set_nav" | |
| 41 | + class="scroll-view-item {{index == title_index ? 'active':''}}" | |
| 42 | + style="{{title_class}}">{{item.title}}</view> | |
| 43 | + </view> | |
| 44 | + </scroll-view> | |
| 45 | + </block> | |
| 46 | + | |
| 47 | + | |
| 48 | + | |
| 49 | + | |
| 50 | + <!--1个列表的时候--> | |
| 51 | + <view class="zs_goods_wai" wx:if='{{object.column==1}}'> | |
| 52 | + <block wx:for="{{goods_array}}"> | |
| 53 | + <view class='zs_goods {{g_filter.get_border_type(object.big_order_type)}}'> | |
| 54 | + <!-- <navigator url="{{g_filter.get_url_by_type(item)}}" class="s1_gk_a1"> --> | |
| 55 | + <navigator url="/packageA/pages/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | |
| 56 | + <view class='zs_top rel'> | |
| 57 | + | |
| 58 | + <block wx:if="{{object.big_order_type==3}}"> | |
| 59 | + <view style="position: relative; width: 100%; height: 100%"> | |
| 60 | + <image class='zs_t_img' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" binderror="bind_bnerr3"></image> | |
| 61 | + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" binderror="bind_bnerr3"></image> | |
| 62 | + </view> | |
| 63 | + </block> | |
| 64 | + <block wx:else> | |
| 65 | + <image class='zs_t_img' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | |
| 66 | + binderror="bind_bnerr3" lazy-load="true" ></image> | |
| 67 | + </block> | |
| 68 | + | |
| 69 | + <block wx:if="{{object.goodicon==3}}"> | |
| 70 | + <image class='{{g_filter.get_class(object.column,object.position)}}' src='{{object.customicon}}'></image> | |
| 71 | + </block> | |
| 72 | + <block wx:if="{{object.goodicon==1}}"> | |
| 73 | + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image> | |
| 74 | + </block> | |
| 75 | + <block wx:if="{{object.goodicon==2}}"> | |
| 76 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}" | |
| 77 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | |
| 78 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2}}" | |
| 79 | + src='{{imghost}}/miniapp/images/hot.png'></image> | |
| 80 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}" | |
| 81 | + src='{{imghost}}/miniapp/images/new.png'></image> | |
| 82 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4}}" | |
| 83 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | |
| 84 | + </block> | |
| 85 | + </view> | |
| 86 | + <view class='zs_center'> | |
| 87 | + <!-- <view class='zs_wz1' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> --> | |
| 88 | + <view class='zs_wz1'>{{item.goods_name}}</view> | |
| 89 | + <!--如果有显示价格 --> | |
| 90 | + <view class='zs_wz2' wx:if="{{object.goodsprice}}"> | |
| 91 | + <block wx:if="{{item.prom_price || item.prom_integral}}"> | |
| 92 | + <view class='wz_red'> | |
| 93 | + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 94 | + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 95 | + <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text> | |
| 96 | + </view> | |
| 97 | + <view class='del'>¥{{item.market_price}}</view> | |
| 98 | + </block> | |
| 99 | + <block wx:else> | |
| 100 | + | |
| 101 | + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" > | |
| 102 | + <!-- 当会员是等级卡的时候 --> | |
| 103 | + <block wx:if="{{card_field}}"> | |
| 104 | + <!-- 等级价>0 --> | |
| 105 | + <block wx:if="{{item[card_field]>0}}"> | |
| 106 | + <view class="money flex ai_and"> | |
| 107 | + <!-- 办卡价 --> | |
| 108 | + <view class="flex xc-wc ai_and"> | |
| 109 | + <view class="fs24 wz_red">¥</view> | |
| 110 | + <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view> | |
| 111 | + <view class="card_bg ellipsis-1"> | |
| 112 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 113 | + <text class="card_name">{{card_name}}</text> | |
| 114 | + </view> | |
| 115 | + </view> | |
| 116 | + </view> | |
| 117 | + <view class="flex" style="line-height: 28rpx;" > | |
| 118 | + <!-- 原价 --> | |
| 119 | + <view class="price flex xc-ash line_th"> | |
| 120 | + <view class="fs22">¥</view> | |
| 121 | + <view class="fs22">{{item.market_price}}</view> | |
| 122 | + </view> | |
| 123 | + </view> | |
| 124 | + </block> | |
| 125 | + <blocK wx:else> | |
| 126 | + <view class="money flex" > | |
| 127 | + <!-- 办卡价 --> | |
| 128 | + <view class="flex xc-wc"> | |
| 129 | + <view class="fs24 wz_red">¥</view> | |
| 130 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 131 | + </view> | |
| 132 | + </view> | |
| 133 | + <view class="flex" style="line-height: 28rpx;" > | |
| 134 | + <!-- 原价 --> | |
| 135 | + <view class="price flex xc-ash line_th"> | |
| 136 | + <view class="fs22">¥</view> | |
| 137 | + <view class="fs22">{{item.market_price}}</view> | |
| 138 | + </view> | |
| 139 | + </view> | |
| 140 | + </blocK> | |
| 141 | + </block> | |
| 142 | + <block wx:else> | |
| 143 | + <!-- 如果商品有设置等级价大于0的 --> | |
| 144 | + <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}"> | |
| 145 | + <view class="money flex" > | |
| 146 | + <!-- 办卡价 --> | |
| 147 | + <view class="flex xc-wc"> | |
| 148 | + <view class="fs24 wz_red">¥</view> | |
| 149 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 150 | + </view> | |
| 151 | + <!-- 原价 --> | |
| 152 | + <view class="price flex xc-ash line_th"> | |
| 153 | + <view class="fs22">¥</view> | |
| 154 | + <view class="fs22">{{item.market_price}}</view> | |
| 155 | + </view> | |
| 156 | + | |
| 157 | + </view> | |
| 158 | + <view class="flex" style="line-height: 28rpx;" > | |
| 159 | + <!-- 等级价 --> | |
| 160 | + <view class="price flex ai_and"> | |
| 161 | + <view class="fs22">¥</view> | |
| 162 | + <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view> | |
| 163 | + <view class="card_bg ellipsis-1"> | |
| 164 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 165 | + <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text> | |
| 307 | 166 | </view> |
| 308 | - </view> | |
| 309 | - </view> | |
| 310 | - </block> | |
| 311 | - <block wx:else> | |
| 312 | - <view class="money flex" > | |
| 313 | - <!-- 办卡价 --> | |
| 314 | - <view class="flex xc-wc"> | |
| 315 | - <view class="fs24 wz_red">¥</view> | |
| 316 | - <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 317 | - </view> | |
| 318 | - </view> | |
| 319 | - <view class="flex" style="line-height: 28rpx;" > | |
| 320 | - <!-- 原价 --> | |
| 321 | - <view class="price flex xc-ash line_th"> | |
| 322 | - <view class="fs22">¥</view> | |
| 323 | - <view class="fs22">{{item.market_price}}</view> | |
| 324 | - </view> | |
| 325 | - </view> | |
| 326 | - </block> | |
| 327 | - </block> | |
| 328 | - </block> | |
| 329 | - <block wx:else> | |
| 330 | - <view class='wz_red'>¥{{item.shop_price}}</view> | |
| 331 | - <view class='del'>¥{{item.market_price}}</view> | |
| 332 | - </block> | |
| 333 | - </block> | |
| 334 | - </view> | |
| 335 | - <view class='zs_wz5_2l c-5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | |
| 336 | - <!-- <view style="height: 10rpx;"></view> --> | |
| 337 | - </view> | |
| 338 | - <!-- </view> --> | |
| 339 | - <!-- </view> --> | |
| 340 | - | |
| 341 | - </view> | |
| 342 | - </navigator> | |
| 343 | - </view> | |
| 344 | - | |
| 345 | -</block> | |
| 346 | - <!-- <view class="clear"></view> --> | |
| 347 | -</view> | |
| 348 | -<!--3个一列--> | |
| 349 | -<block wx:if='{{object.column==3}}'> | |
| 350 | - <view class="flex wrap pdh10"> | |
| 351 | - <block wx:for="{{goods_array}}" > | |
| 352 | - <view class="nav-box"> | |
| 353 | - <navigator url="/packageA/pages/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | |
| 354 | - <view class="zs_goods_wai_san {{g_filter.get_border_type(object.big_order_type)}}" > | |
| 355 | - <view class="zs_goods_san"> | |
| 356 | - <view class='zs_goods_3l'> | |
| 357 | - <view class='zs_top_3l rel'> | |
| 167 | + </view> | |
| 168 | + </view> | |
| 169 | + </block> | |
| 170 | + <block wx:else> | |
| 171 | + <view class="money flex" > | |
| 172 | + <!-- 办卡价 --> | |
| 173 | + <view class="flex xc-wc"> | |
| 174 | + <view class="fs24 wz_red">¥</view> | |
| 175 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 176 | + </view> | |
| 177 | + </view> | |
| 178 | + <view class="flex" style="line-height: 28rpx;" > | |
| 179 | + <!-- 原价 --> | |
| 180 | + <view class="price flex xc-ash line_th"> | |
| 181 | + <view class="fs22">¥</view> | |
| 182 | + <view class="fs22">{{item.market_price}}</view> | |
| 183 | + </view> | |
| 184 | + </view> | |
| 185 | + </block> | |
| 186 | + </block> | |
| 187 | + </block> | |
| 188 | + | |
| 189 | + <block wx:else> | |
| 190 | + <view class='wz_red'>¥{{item.shop_price}}</view> | |
| 191 | + <view class='del'>¥{{item.market_price}}</view> | |
| 192 | + </block> | |
| 193 | + | |
| 194 | + </block> | |
| 195 | + | |
| 196 | + </view> | |
| 197 | + <view class='zs_wz4 c-5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | |
| 198 | + <!-- <view style="height: 10rpx;"></view> --> | |
| 199 | + </view> | |
| 200 | + </navigator> | |
| 201 | + </view> | |
| 202 | + <!-- <view style="height:20rpx"></view> --> | |
| 203 | + </block> | |
| 204 | + | |
| 205 | + </view> | |
| 206 | + <!--2个一列--> | |
| 207 | + <view class="flex flex-wrap" wx:if="{{object.column==2}}" style="padding: 0 10rpx 20rpx 10rpx;"> | |
| 208 | + <block wx:for="{{goods_array}}" > | |
| 209 | + <view class="nav-container"> | |
| 210 | + <navigator url="/packageA/pages/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1 {{g_filter.get_border_type(object.big_order_type)}}"> | |
| 211 | + <view class="zs_goods_wai_ban"> | |
| 212 | + <!-- <view class="zs_goods_ban"> --> | |
| 213 | + <!-- <view class='zs_goods_2l'> --> | |
| 214 | + <view class='zs_top_2l rel'> | |
| 215 | + | |
| 358 | 216 | <block wx:if="{{object.big_order_type==3}}"> |
| 359 | 217 | <view style="position: relative; width: 100%; height: 100%"> |
| 360 | - <image class='zs_t_img_3l' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | |
| 218 | + <image class='zs_t_img_2l' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | |
| 361 | 219 | binderror="bind_bnerr3"></image> |
| 362 | 220 | <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" |
| 363 | 221 | binderror="bind_bnerr3"></image> |
| 364 | 222 | </view> |
| 365 | 223 | </block> |
| 366 | 224 | <block wx:else> |
| 367 | - <image class='zs_t_img_3l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 225 | + <image class='zs_t_img_2l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 368 | 226 | binderror="bind_bnerr3"></image> |
| 369 | 227 | </block> |
| 370 | 228 | |
| ... | ... | @@ -386,17 +244,17 @@ |
| 386 | 244 | src='{{imghost}}/miniapp/images/Promotion.png'></image> |
| 387 | 245 | </block> |
| 388 | 246 | </view> |
| 389 | - <view class='zs_center_3l'> | |
| 390 | 247 | |
| 248 | + <view class='zs_center_2l'> | |
| 249 | + <view class='zs_wz1_2l ellipsis-2' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | |
| 250 | + <view class='zs_wz2_2l' wx:if="{{object.goodsprice}}"> | |
| 391 | 251 | |
| 392 | - <view class='zs_wz1_3l' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | |
| 393 | - <view class='zs_wz2_3l' wx:if="{{object.goodsprice}}"> | |
| 394 | 252 | <block wx:if="{{item.prom_price || item.prom_integral}}"> |
| 395 | 253 | <view class='wz_red'> |
| 396 | - <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 397 | - <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 398 | - <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text> | |
| 399 | - </view> | |
| 254 | + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 255 | + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 256 | + <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text> | |
| 257 | + </view> | |
| 400 | 258 | <view class='del'>¥{{item.market_price}}</view> |
| 401 | 259 | </block> |
| 402 | 260 | <block wx:else> |
| ... | ... | @@ -412,7 +270,7 @@ |
| 412 | 270 | <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view> |
| 413 | 271 | <view class="card_bg ellipsis-1"> |
| 414 | 272 | <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> |
| 415 | - <text class="card_name">{{card_name}}</text> | |
| 273 | + <view class="card_name">{{card_name}}</view> | |
| 416 | 274 | </view> |
| 417 | 275 | </view> |
| 418 | 276 | </view> |
| ... | ... | @@ -488,364 +346,529 @@ |
| 488 | 346 | </block> |
| 489 | 347 | </block> |
| 490 | 348 | <block wx:else> |
| 491 | - <view class='wz_red'>¥{{item.shop_price}}</view> | |
| 492 | - <view class='del'>¥{{item.market_price}}</view> | |
| 349 | + <view class='wz_red'>¥{{item.shop_price}}</view> | |
| 350 | + <view class='del'>¥{{item.market_price}}</view> | |
| 493 | 351 | </block> |
| 494 | 352 | </block> |
| 495 | 353 | </view> |
| 496 | - <view class='zs_wz5_3l c-5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | |
| 497 | - <!-- <view style="height: 10rpx;"></view> --> | |
| 354 | + <view class='zs_wz5_2l c-5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | |
| 355 | + <!-- <view style="height: 10rpx;"></view> --> | |
| 498 | 356 | </view> |
| 499 | - </view> | |
| 500 | - </view> | |
| 357 | + <!-- </view> --> | |
| 358 | + <!-- </view> --> | |
| 359 | + | |
| 501 | 360 | </view> |
| 502 | 361 | </navigator> |
| 503 | 362 | </view> |
| 504 | - | |
| 505 | - </block> | |
| 506 | -</view> | |
| 507 | - <!-- <view class="clear"></view> --> | |
| 508 | -</block> | |
| 509 | -<!-- 列表显示 --> | |
| 510 | -<view class="zs_goods_xiao_wai" wx:if='{{object.column==4}}'> | |
| 511 | - <block wx:for="{{goods_array}}" > | |
| 512 | - <navigator url="/packageA/pages/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | |
| 513 | - <view class="{{object.noboder==0?'zs_goods_xiao_bottom':'zs_goods_xiao'}}" > | |
| 514 | - <view class='zs_top_x'> | |
| 515 | - <block wx:if="{{object.big_order_type==3}}"> | |
| 516 | - <view style="position: relative; width: 100%; height: 100%"> | |
| 517 | - <image class='zs_t_img_x' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | |
| 518 | - binderror="bind_bnerr3"></image> | |
| 519 | - <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%;" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 520 | - binderror="bind_bnerr3"></image> | |
| 521 | - </view> | |
| 522 | - </block> | |
| 523 | - | |
| 524 | - <block wx:else> | |
| 525 | - <!-- 原来的 --> | |
| 526 | - <!-- <image class="zs_t_img_x {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}" | |
| 527 | - src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 528 | - binderror="bind_bnerr3" mode="widthFix" style='max-height:290rpx'></image> --> | |
| 529 | - | |
| 530 | - <!-- 2021.11.27修改 --> | |
| 531 | - <image class="block zs_t_img_x {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}" | |
| 532 | - src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 533 | - binderror="bind_bnerr3"></image> | |
| 534 | - </block> | |
| 535 | - | |
| 536 | - <block wx:if="{{object.goodicon==3}}"> | |
| 537 | - <image class='{{g_filter.get_class(object.column,object.position)}}' | |
| 538 | - src='{{object.customicon}}'></image> | |
| 539 | - </block> | |
| 540 | - <block wx:if="{{object.goodicon==1}}"> | |
| 541 | - <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image> | |
| 542 | - </block> | |
| 543 | - <block wx:if="{{object.goodicon==2}}"> | |
| 544 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}" | |
| 545 | - src='{{imghost}}/miniapp/images/Recommend.png'></image> | |
| 546 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}" | |
| 547 | - src='{{imghost}}/miniapp/images/hot.png'></image> | |
| 548 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}" | |
| 549 | - src='{{imghost}}/miniapp/images/new.png'></image> | |
| 550 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}" | |
| 551 | - src='{{imghost}}/miniapp/images/Promotion.png'></image> | |
| 552 | - </block> | |
| 553 | - </view> | |
| 554 | - | |
| 555 | - <view class='zs_center_x'> | |
| 556 | - <view class='zs_wz1_x ellipsis-2' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | |
| 557 | - <view class='zs_wz2_x' wx:if="{{object.goodsprice}}"> | |
| 558 | - | |
| 559 | - <block wx:if="{{item.prom_price || item.prom_integral}}"> | |
| 560 | - <view class='wz_red'> | |
| 561 | - <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 562 | - <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 563 | - <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text> | |
| 564 | - </view> | |
| 565 | - <view class='del'>¥{{item.market_price}}</view> | |
| 566 | - </block> | |
| 567 | - <!-- 不是活动的情况 --> | |
| 568 | - <block wx:else> | |
| 569 | - | |
| 570 | - <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" > | |
| 571 | - <!-- 当会员是等级卡的时候 --> | |
| 572 | - <block wx:if="{{card_field}}"> | |
| 573 | - <!-- 等级价>0 --> | |
| 574 | - <block wx:if="{{item[card_field]>0}}"> | |
| 575 | - <view class="money flex" > | |
| 576 | - <!-- 办卡价 --> | |
| 577 | - <view class="flex xc-wc ai_and"> | |
| 578 | - <view class="fs24 wz_red">¥</view> | |
| 579 | - <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view> | |
| 580 | - <view class="card_bg ellipsis-1"> | |
| 581 | - <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 582 | - <text class="card_name">{{card_name}}</text> | |
| 583 | - </view> | |
| 584 | - </view> | |
| 585 | - </view> | |
| 586 | - <view class="flex" style="line-height: 28rpx;" > | |
| 587 | - <!-- 原价 --> | |
| 588 | - <view class="price flex xc-ash line_th"> | |
| 589 | - <view class="fs22">¥</view> | |
| 590 | - <view class="fs22">{{item.market_price}}</view> | |
| 591 | - </view> | |
| 592 | - </view> | |
| 593 | - </block> | |
| 594 | - <blocK wx:else> | |
| 595 | - <view class="money flex" > | |
| 596 | - <!-- 办卡价 --> | |
| 597 | - <view class="flex xc-wc"> | |
| 598 | - <view class="fs24">¥</view> | |
| 599 | - <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view> | |
| 600 | - </view> | |
| 601 | - </view> | |
| 602 | - <view class="flex" style="line-height: 28rpx;" > | |
| 603 | - <!-- 原价 --> | |
| 604 | - <view class="price flex xc-ash line_th"> | |
| 605 | - <view class="fs22">¥</view> | |
| 606 | - <view class="fs22">{{item.market_price}}</view> | |
| 607 | - </view> | |
| 608 | - </view> | |
| 609 | - </blocK> | |
| 610 | - </block> | |
| 611 | - <block wx:else> | |
| 612 | - <!-- 如果商品有设置等级价大于0的 --> | |
| 613 | - <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}"> | |
| 614 | - <view class="money flex" > | |
| 615 | - <!-- 办卡价 --> | |
| 616 | - <view class="flex xc-wc"> | |
| 617 | - <view class="fs24">¥</view> | |
| 618 | - <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view> | |
| 619 | - </view> | |
| 620 | - <!-- 原价 --> | |
| 621 | - <view class="price flex xc-ash line_th"> | |
| 622 | - <view class="fs22">¥</view> | |
| 623 | - <view class="fs22">{{item.market_price}}</view> | |
| 624 | - </view> | |
| 363 | + | |
| 364 | + </block> | |
| 365 | + <!-- <view class="clear"></view> --> | |
| 366 | + </view> | |
| 367 | + <!--3个一列--> | |
| 368 | + <block wx:if='{{object.column==3}}'> | |
| 369 | + <view class="flex wrap pdh10"> | |
| 370 | + <block wx:for="{{goods_array}}" > | |
| 371 | + <view class="nav-box"> | |
| 372 | + <navigator url="/packageA/pages/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | |
| 373 | + <view class="zs_goods_wai_san {{g_filter.get_border_type(object.big_order_type)}}" > | |
| 374 | + <view class="zs_goods_san"> | |
| 375 | + <view class='zs_goods_3l'> | |
| 376 | + <view class='zs_top_3l rel'> | |
| 377 | + <block wx:if="{{object.big_order_type==3}}"> | |
| 378 | + <view style="position: relative; width: 100%; height: 100%"> | |
| 379 | + <image class='zs_t_img_3l' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | |
| 380 | + binderror="bind_bnerr3"></image> | |
| 381 | + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 382 | + binderror="bind_bnerr3"></image> | |
| 383 | + </view> | |
| 384 | + </block> | |
| 385 | + <block wx:else> | |
| 386 | + <image class='zs_t_img_3l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 387 | + binderror="bind_bnerr3"></image> | |
| 388 | + </block> | |
| 389 | + | |
| 390 | + <block wx:if="{{object.goodicon==3}}"> | |
| 391 | + <image class='{{g_filter.get_class(object.column,object.position)}}' | |
| 392 | + src='{{object.customicon}}'></image> | |
| 393 | + </block> | |
| 394 | + <block wx:if="{{object.goodicon==1}}"> | |
| 395 | + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image> | |
| 396 | + </block> | |
| 397 | + <block wx:if="{{object.goodicon==2}}"> | |
| 398 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}" | |
| 399 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | |
| 400 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}" | |
| 401 | + src='{{imghost}}/miniapp/images/hot.png'></image> | |
| 402 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}" | |
| 403 | + src='{{imghost}}/miniapp/images/new.png'></image> | |
| 404 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}" | |
| 405 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | |
| 406 | + </block> | |
| 407 | + </view> | |
| 408 | + <view class='zs_center_3l'> | |
| 409 | + | |
| 410 | + | |
| 411 | + <view class='zs_wz1_3l' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | |
| 412 | + <view class='zs_wz2_3l' wx:if="{{object.goodsprice}}"> | |
| 413 | + <block wx:if="{{item.prom_price || item.prom_integral}}"> | |
| 414 | + <view class='wz_red'> | |
| 415 | + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 416 | + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 417 | + <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text> | |
| 418 | + </view> | |
| 419 | + <view class='del'>¥{{item.market_price}}</view> | |
| 420 | + </block> | |
| 421 | + <block wx:else> | |
| 422 | + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" > | |
| 423 | + <!-- 当会员是等级卡的时候 --> | |
| 424 | + <block wx:if="{{card_field}}"> | |
| 425 | + <!-- 等级价>0 --> | |
| 426 | + <block wx:if="{{item[card_field]>0}}"> | |
| 427 | + <view class="money flex" > | |
| 428 | + <!-- 办卡价 --> | |
| 429 | + <view class="flex xc-wc ai_and"> | |
| 430 | + <view class="fs24 wz_red">¥</view> | |
| 431 | + <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view> | |
| 432 | + <view class="card_bg ellipsis-1"> | |
| 433 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 434 | + <text class="card_name">{{card_name}}</text> | |
| 435 | + </view> | |
| 436 | + </view> | |
| 437 | + </view> | |
| 438 | + <view class="flex" style="line-height: 28rpx;" > | |
| 439 | + <!-- 原价 --> | |
| 440 | + <view class="price flex xc-ash line_th"> | |
| 441 | + <view class="fs22">¥</view> | |
| 442 | + <view class="fs22">{{item.market_price}}</view> | |
| 443 | + </view> | |
| 444 | + </view> | |
| 445 | + </block> | |
| 446 | + <blocK wx:else> | |
| 447 | + <view class="money flex" > | |
| 448 | + <!-- 办卡价 --> | |
| 449 | + <view class="flex xc-wc"> | |
| 450 | + <view class="fs24 wz_red">¥</view> | |
| 451 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 452 | + </view> | |
| 453 | + </view> | |
| 454 | + <view class="flex" style="line-height: 28rpx;" > | |
| 455 | + <!-- 原价 --> | |
| 456 | + <view class="price flex xc-ash line_th"> | |
| 457 | + <view class="fs22">¥</view> | |
| 458 | + <view class="fs22">{{item.market_price}}</view> | |
| 459 | + </view> | |
| 460 | + </view> | |
| 461 | + </blocK> | |
| 462 | + </block> | |
| 463 | + <block wx:else> | |
| 464 | + <!-- 如果商品有设置等级价大于0的 --> | |
| 465 | + <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}"> | |
| 466 | + <view class="money flex" > | |
| 467 | + <!-- 办卡价 --> | |
| 468 | + <view class="flex xc-wc"> | |
| 469 | + <view class="fs24 wz_red">¥</view> | |
| 470 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 471 | + </view> | |
| 472 | + <!-- 原价 --> | |
| 473 | + <view class="price flex xc-ash line_th"> | |
| 474 | + <view class="fs22">¥</view> | |
| 475 | + <view class="fs22">{{item.market_price}}</view> | |
| 476 | + </view> | |
| 477 | + | |
| 478 | + </view> | |
| 479 | + <view class="flex" style="line-height: 28rpx;" > | |
| 480 | + <!-- 等级价 --> | |
| 481 | + <view class="price flex ai_and"> | |
| 482 | + <view class="fs22">¥</view> | |
| 483 | + <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view> | |
| 484 | + <view class="card_bg ellipsis-1"> | |
| 485 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 486 | + <text class="card_name">{{g_filter.get_card_price(item,card_list,1)}}</text> | |
| 487 | + </view> | |
| 488 | + </view> | |
| 489 | + </view> | |
| 490 | + </block> | |
| 491 | + <block wx:else> | |
| 492 | + <view class="money flex" > | |
| 493 | + <!-- 办卡价 --> | |
| 494 | + <view class="flex xc-wc"> | |
| 495 | + <view class="fs24 wz_red">¥</view> | |
| 496 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 497 | + </view> | |
| 498 | + </view> | |
| 499 | + <view class="flex" style="line-height: 28rpx;" > | |
| 500 | + <!-- 原价 --> | |
| 501 | + <view class="price flex xc-ash line_th"> | |
| 502 | + <view class="fs22">¥</view> | |
| 503 | + <view class="fs22">{{item.market_price}}</view> | |
| 504 | + </view> | |
| 505 | + </view> | |
| 506 | + </block> | |
| 507 | + </block> | |
| 508 | + </block> | |
| 509 | + <block wx:else> | |
| 510 | + <view class='wz_red'>¥{{item.shop_price}}</view> | |
| 511 | + <view class='del'>¥{{item.market_price}}</view> | |
| 512 | + </block> | |
| 513 | + </block> | |
| 514 | + </view> | |
| 515 | + <view class='zs_wz5_3l c-5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | |
| 516 | + <!-- <view style="height: 10rpx;"></view> --> | |
| 517 | + </view> | |
| 518 | + </view> | |
| 519 | + </view> | |
| 520 | + </view> | |
| 521 | + </navigator> | |
| 522 | + </view> | |
| 523 | + | |
| 524 | + </block> | |
| 525 | + </view> | |
| 526 | + <!-- <view class="clear"></view> --> | |
| 527 | + </block> | |
| 528 | + <!-- 列表显示 --> | |
| 529 | + <view class="zs_goods_xiao_wai" wx:if='{{object.column==4}}'> | |
| 530 | + <block wx:for="{{goods_array}}" > | |
| 531 | + <navigator url="/packageA/pages/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | |
| 532 | + <view class="{{object.noboder==0?'zs_goods_xiao_bottom':'zs_goods_xiao'}}" > | |
| 533 | + <view class='zs_top_x'> | |
| 534 | + <block wx:if="{{object.big_order_type==3}}"> | |
| 535 | + <view style="position: relative; width: 100%; height: 100%"> | |
| 536 | + <image class='zs_t_img_x' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | |
| 537 | + binderror="bind_bnerr3"></image> | |
| 538 | + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%;" src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 539 | + binderror="bind_bnerr3"></image> | |
| 540 | + </view> | |
| 541 | + </block> | |
| 542 | + | |
| 543 | + <block wx:else> | |
| 544 | + <!-- 原来的 --> | |
| 545 | + <!-- <image class="zs_t_img_x {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}" | |
| 546 | + src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 547 | + binderror="bind_bnerr3" mode="widthFix" style='max-height:290rpx'></image> --> | |
| 548 | + | |
| 549 | + <!-- 2021.11.27修改 --> | |
| 550 | + <image class="block zs_t_img_x {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}" | |
| 551 | + src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | |
| 552 | + binderror="bind_bnerr3"></image> | |
| 553 | + </block> | |
| 554 | + | |
| 555 | + <block wx:if="{{object.goodicon==3}}"> | |
| 556 | + <image class='{{g_filter.get_class(object.column,object.position)}}' | |
| 557 | + src='{{object.customicon}}'></image> | |
| 558 | + </block> | |
| 559 | + <block wx:if="{{object.goodicon==1}}"> | |
| 560 | + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image> | |
| 561 | + </block> | |
| 562 | + <block wx:if="{{object.goodicon==2}}"> | |
| 563 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}" | |
| 564 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | |
| 565 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}" | |
| 566 | + src='{{imghost}}/miniapp/images/hot.png'></image> | |
| 567 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}" | |
| 568 | + src='{{imghost}}/miniapp/images/new.png'></image> | |
| 569 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}" | |
| 570 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | |
| 571 | + </block> | |
| 572 | + </view> | |
| 573 | + | |
| 574 | + <view class='zs_center_x'> | |
| 575 | + <view class='zs_wz1_x ellipsis-2' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | |
| 576 | + <view class='zs_wz2_x' wx:if="{{object.goodsprice}}"> | |
| 625 | 577 | |
| 626 | - </view> | |
| 627 | - <view class="flex" style="line-height: 28rpx;" > | |
| 628 | - <!-- 等级价 --> | |
| 629 | - <view class="price flex ai_and"> | |
| 630 | - <view class="fs22">¥</view> | |
| 631 | - <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view> | |
| 632 | - <view class="card_bg"> | |
| 633 | - <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>{{g_filter.get_card_price(item,card_list,1)}}</view> | |
| 634 | - </view> | |
| 635 | - </view> | |
| 636 | - </block> | |
| 637 | - <block wx:else> | |
| 638 | - <view class="money flex" > | |
| 639 | - <!-- 办卡价 --> | |
| 640 | - <view class="flex xc-wc"> | |
| 641 | - <view class="fs24 wz_red">¥</view> | |
| 642 | - <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 643 | - </view> | |
| 644 | - </view> | |
| 645 | - <view class="flex" style="line-height: 28rpx;" > | |
| 646 | - <!-- 原价 --> | |
| 647 | - <view class="price flex xc-ash line_th"> | |
| 648 | - <view class="fs22">¥</view> | |
| 649 | - <view class="fs22">{{item.market_price}}</view> | |
| 650 | - </view> | |
| 651 | - </view> | |
| 652 | - </block> | |
| 653 | - </block> | |
| 578 | + <block wx:if="{{item.prom_price || item.prom_integral}}"> | |
| 579 | + <view class='wz_red'> | |
| 580 | + <text wx:if="{{item.prom_integral}}">{{item.prom_integral}}积分</text> | |
| 581 | + <text wx:if="{{item.prom_integral && item.prom_price}}">+</text> | |
| 582 | + <text wx:if="{{item.prom_price}}">¥{{item.prom_price}}</text> | |
| 583 | + </view> | |
| 584 | + <view class='del'>¥{{item.market_price}}</view> | |
| 654 | 585 | </block> |
| 655 | - | |
| 586 | + <!-- 不是活动的情况 --> | |
| 656 | 587 | <block wx:else> |
| 657 | - <view class='wz_red'>¥{{item.shop_price}}</view> | |
| 658 | - <view class='del'>¥{{item.market_price}}</view> | |
| 588 | + | |
| 589 | + <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}" > | |
| 590 | + <!-- 当会员是等级卡的时候 --> | |
| 591 | + <block wx:if="{{card_field}}"> | |
| 592 | + <!-- 等级价>0 --> | |
| 593 | + <block wx:if="{{item[card_field]>0}}"> | |
| 594 | + <view class="money flex" > | |
| 595 | + <!-- 办卡价 --> | |
| 596 | + <view class="flex xc-wc ai_and"> | |
| 597 | + <view class="fs24 wz_red">¥</view> | |
| 598 | + <view class="fs35 wz_red">{{filter.toFix(item[card_field],2)}}</view> | |
| 599 | + <view class="card_bg ellipsis-1"> | |
| 600 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 601 | + <text class="card_name">{{card_name}}</text> | |
| 602 | + </view> | |
| 603 | + </view> | |
| 604 | + </view> | |
| 605 | + <view class="flex" style="line-height: 28rpx;" > | |
| 606 | + <!-- 原价 --> | |
| 607 | + <view class="price flex xc-ash line_th"> | |
| 608 | + <view class="fs22">¥</view> | |
| 609 | + <view class="fs22">{{item.market_price}}</view> | |
| 610 | + </view> | |
| 611 | + </view> | |
| 612 | + </block> | |
| 613 | + <blocK wx:else> | |
| 614 | + <view class="money flex" > | |
| 615 | + <!-- 办卡价 --> | |
| 616 | + <view class="flex xc-wc"> | |
| 617 | + <view class="fs24">¥</view> | |
| 618 | + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view> | |
| 619 | + </view> | |
| 620 | + </view> | |
| 621 | + <view class="flex" style="line-height: 28rpx;" > | |
| 622 | + <!-- 原价 --> | |
| 623 | + <view class="price flex xc-ash line_th"> | |
| 624 | + <view class="fs22">¥</view> | |
| 625 | + <view class="fs22">{{item.market_price}}</view> | |
| 626 | + </view> | |
| 627 | + </view> | |
| 628 | + </blocK> | |
| 629 | + </block> | |
| 630 | + <block wx:else> | |
| 631 | + <!-- 如果商品有设置等级价大于0的 --> | |
| 632 | + <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}"> | |
| 633 | + <view class="money flex" > | |
| 634 | + <!-- 办卡价 --> | |
| 635 | + <view class="flex xc-wc"> | |
| 636 | + <view class="fs24">¥</view> | |
| 637 | + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view> | |
| 638 | + </view> | |
| 639 | + <!-- 原价 --> | |
| 640 | + <view class="price flex xc-ash line_th"> | |
| 641 | + <view class="fs22">¥</view> | |
| 642 | + <view class="fs22">{{item.market_price}}</view> | |
| 643 | + </view> | |
| 644 | + | |
| 645 | + </view> | |
| 646 | + <view class="flex" style="line-height: 28rpx;" > | |
| 647 | + <!-- 等级价 --> | |
| 648 | + <view class="price flex ai_and"> | |
| 649 | + <view class="fs22">¥</view> | |
| 650 | + <view class="fs28">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view> | |
| 651 | + <view class="card_bg"> | |
| 652 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>{{g_filter.get_card_price(item,card_list,1)}}</view> | |
| 653 | + </view> | |
| 654 | + </view> | |
| 655 | + </block> | |
| 656 | + <block wx:else> | |
| 657 | + <view class="money flex" > | |
| 658 | + <!-- 办卡价 --> | |
| 659 | + <view class="flex xc-wc"> | |
| 660 | + <view class="fs24 wz_red">¥</view> | |
| 661 | + <view class="fs35 wz_red">{{filter.toFix(item.shop_price,2)}}</view> | |
| 662 | + </view> | |
| 663 | + </view> | |
| 664 | + <view class="flex" style="line-height: 28rpx;" > | |
| 665 | + <!-- 原价 --> | |
| 666 | + <view class="price flex xc-ash line_th"> | |
| 667 | + <view class="fs22">¥</view> | |
| 668 | + <view class="fs22">{{item.market_price}}</view> | |
| 669 | + </view> | |
| 670 | + </view> | |
| 671 | + </block> | |
| 672 | + </block> | |
| 673 | + </block> | |
| 674 | + | |
| 675 | + <block wx:else> | |
| 676 | + <view class='wz_red'>¥{{item.shop_price}}</view> | |
| 677 | + <view class='del'>¥{{item.market_price}}</view> | |
| 678 | + </block> | |
| 679 | + | |
| 659 | 680 | </block> |
| 660 | - | |
| 661 | - </block> | |
| 662 | - </view> | |
| 663 | - <view class='zs_wz5_x c-5' wx:if="{{object.goodsnum}}" style="font-size: 26rpx;">销量:{{item.sales_sum}}件</view> | |
| 664 | - </view> | |
| 665 | - | |
| 666 | - </view> | |
| 667 | - </navigator> | |
| 668 | - </block> | |
| 669 | - <view class="clear"></view> | |
| 681 | + </view> | |
| 682 | + <view class='zs_wz5_x c-5' wx:if="{{object.goodsnum}}" style="font-size: 26rpx;">销量:{{item.sales_sum}}件</view> | |
| 683 | + </view> | |
| 684 | + | |
| 685 | + </view> | |
| 686 | + </navigator> | |
| 687 | + </block> | |
| 688 | + <view class="clear"></view> | |
| 689 | + </view> | |
| 690 | + | |
| 691 | + | |
| 692 | + <!-- 商品的显示不是左右 --> | |
| 693 | + <block wx:if="{{object.column!=5}}"> | |
| 694 | + <block wx:if="{{classstyle_id=='1' }}"><view class="button-wrapper" wx:if="{{goods_btn.length!=0 }}"> | |
| 695 | + <button type="default" size="default" loading="{{loading}}" disabled="{{disabled}}" bindtap="setLoading" class="c-5"> | |
| 696 | + {{loadText}} | |
| 697 | + </button> | |
| 698 | + </view></block> | |
| 699 | + <block wx:if="{{classstyle_id!='1' }}"> | |
| 700 | + <view class="button-wrapper pd20" wx:if="{{object.goodscount * page <total }}"> | |
| 701 | + <button type="default" size="default" loading="{{loading}}" disabled="{{disabled}}" bindtap="setLoading" style="background-color: rgba(0,0,0,0);color: #555;">{{loadText}}</button> | |
| 702 | + </view> | |
| 703 | + <view class="fs22" wx:if="{{object.goodscount * page >=total }}" style="color:{{object.nomore_color}};text-align: center; padding: 20rpx 0">—— 宝贝已经全部加载 —— </view> | |
| 704 | + | |
| 705 | + </block> | |
| 706 | + </block> | |
| 707 | + | |
| 708 | + | |
| 709 | + <!--商品展示--> | |
| 710 | + <swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.column==5}}" style="height: {{swiper_hei}}rpx;"> | |
| 711 | + <view class="sp"> | |
| 712 | + <swiper-item class="s_it" wx:for="{{goods_array}}"> | |
| 713 | + <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind"> | |
| 714 | + <navigator url="/packageA/pages/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" style="width: 32%" > | |
| 715 | + <view class="one {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}"> | |
| 716 | + <view class='sp_top'> | |
| 717 | + <view class='s_img' style="position: relative; width: 100%"> | |
| 718 | + | |
| 719 | + <block wx:if="{{object.big_order_type==3}}"> | |
| 720 | + <view style="position: relative; width: 100%; height: 100%"> | |
| 721 | + <image src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | |
| 722 | + binderror="bind_bnerr3"></image> | |
| 723 | + | |
| 724 | + <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{aitem.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" binderror="bind_bnerr3"></image> | |
| 725 | + </view> | |
| 726 | + </block> | |
| 727 | + | |
| 728 | + <block wx:else> | |
| 729 | + <image src="{{aitem.goods_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].goods_img" | |
| 730 | + binderror="bind_bnerr3" lazy-load="true" style="width: 100%"></image> | |
| 731 | + </block> | |
| 732 | + | |
| 733 | + | |
| 734 | + <block wx:if="{{object.goodicon==3}}"> | |
| 735 | + <image class='{{g_filter.get_class(object.column,object.position)}}' | |
| 736 | + src='{{object.customicon}}'></image> | |
| 737 | + </block> | |
| 738 | + <block wx:if="{{object.goodicon==1}}"> | |
| 739 | + <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image> | |
| 740 | + </block> | |
| 741 | + <block wx:if="{{object.goodicon==2}}"> | |
| 742 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}" | |
| 743 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | |
| 744 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}" | |
| 745 | + src='{{imghost}}/miniapp/images/hot.png'></image> | |
| 746 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}" | |
| 747 | + src='{{imghost}}/miniapp/images/new.png'></image> | |
| 748 | + <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}" | |
| 749 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | |
| 750 | + </block> | |
| 751 | + | |
| 752 | + </view> | |
| 753 | + <view class='clear'></view> | |
| 754 | + </view> | |
| 755 | + | |
| 756 | + <view class='pd10'> | |
| 757 | + <view class='zs_wz1_3l' wx:if="{{object.goodstit}}">{{aitem.goods_name}}</view> | |
| 758 | + <view class='zs_wz2_3l' wx:if="{{object.goodsprice}}"> | |
| 759 | + <block wx:if="{{aitem.prom_price || aitem.prom_integral }}"> | |
| 760 | + <view class='wz_red'> | |
| 761 | + <text wx:if="{{aitem.prom_integral}}">{{aitem.prom_integral}}</text> | |
| 762 | + <text wx:if="{{aitem.prom_integral && aitem.prom_price}}">+</text> | |
| 763 | + <text wx:if="{{aitem.prom_price}}">¥{{aitem.prom_price}}</text> | |
| 764 | + </view> | |
| 765 | + <view class='del'>¥{{aitem.market_price}}</view> | |
| 766 | + </block> | |
| 767 | + <block wx:else> | |
| 768 | + <block wx:if="{{g_filter.is_has_rank(rank_switch,aitem)}}" > | |
| 769 | + <!-- 当会员是等级卡的时候 --> | |
| 770 | + <block wx:if="{{card_field}}"> | |
| 771 | + <!-- 等级价>0 --> | |
| 772 | + <block wx:if="{{aitem[card_field]>0}}"> | |
| 773 | + <view class="money flex" > | |
| 774 | + <!-- 办卡价 --> | |
| 775 | + <view class="flex xc-wc ai_and"> | |
| 776 | + <view class="fs24 wz_red">¥</view> | |
| 777 | + <view class="fs35 wz_red">{{filter.toFix(aitem[card_field],2)}}</view> | |
| 778 | + <view class="card_bg ellipsis-1"> | |
| 779 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 780 | + <text class="card_name">{{card_name}}</text> | |
| 781 | + </view> | |
| 782 | + </view> | |
| 783 | + </view> | |
| 784 | + <view class="flex" style="line-height: 28rpx;" > | |
| 785 | + <!-- 原价 --> | |
| 786 | + <view class="price flex xc-ash line_th"> | |
| 787 | + <view class="fs22">¥</view> | |
| 788 | + <view class="fs22">{{aitem.market_price}}</view> | |
| 789 | + </view> | |
| 790 | + </view> | |
| 791 | + </block> | |
| 792 | + <blocK wx:else> | |
| 793 | + <view class="money flex" > | |
| 794 | + <!-- 办卡价 --> | |
| 795 | + <view class="flex xc-wc"> | |
| 796 | + <view class="fs24 wz_red">¥</view> | |
| 797 | + <view class="fs35 wz_red">{{filter.toFix(aitem.shop_price,2)}}</view> | |
| 798 | + </view> | |
| 799 | + </view> | |
| 800 | + <view class="flex" style="line-height: 28rpx;" > | |
| 801 | + <!-- 原价 --> | |
| 802 | + <view class="price flex xc-ash line_th"> | |
| 803 | + <view class="fs22">¥</view> | |
| 804 | + <view class="fs22">{{aitem.market_price}}</view> | |
| 805 | + </view> | |
| 806 | + </view> | |
| 807 | + </blocK> | |
| 808 | + </block> | |
| 809 | + <block wx:else> | |
| 810 | + <!-- 如果商品有设置等级价大于0的 --> | |
| 811 | + <block wx:if="{{g_filter.get_card_price(aitem,card_list,0)}}"> | |
| 812 | + <view class="money flex" > | |
| 813 | + <!-- 办卡价 --> | |
| 814 | + <view class="flex xc-wc"> | |
| 815 | + <view class="fs24 wz_red">¥</view> | |
| 816 | + <view class="fs35 wz_red">{{filter.toFix(aitem.shop_price,2)}}</view> | |
| 817 | + </view> | |
| 818 | + <!-- 原价 --> | |
| 819 | + <view class="price flex xc-ash line_th"> | |
| 820 | + <view class="fs22">¥</view> | |
| 821 | + <view class="fs22">{{aitem.market_price}}</view> | |
| 822 | + </view> | |
| 823 | + | |
| 824 | + </view> | |
| 825 | + <view class="flex" style="line-height: 28rpx;" > | |
| 826 | + <!-- 等级价 --> | |
| 827 | + <view class="price flex ai_and"> | |
| 828 | + <view class="fs22">¥</view> | |
| 829 | + <view class="fs28">{{filter.toFix(g_filter.get_card_price(aitem,card_list,0),2)}}</view> | |
| 830 | + <view class="card_bg ellipsis-1"> | |
| 831 | + <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 832 | + <text class="card_name">{{g_filter.get_card_price(aitem,card_list,1)}}</text> | |
| 833 | + </view> | |
| 834 | + </view> | |
| 835 | + </view> | |
| 836 | + </block> | |
| 837 | + <block wx:else> | |
| 838 | + <view class="money flex" > | |
| 839 | + <!-- 办卡价 --> | |
| 840 | + <view class="flex xc-wc"> | |
| 841 | + <view class="fs24 wz_red">¥</view> | |
| 842 | + <view class="fs35 wz_red">{{filter.toFix(aitem.shop_price,2)}}</view> | |
| 843 | + </view> | |
| 844 | + </view> | |
| 845 | + <view class="flex" style="line-height: 28rpx;" > | |
| 846 | + <!-- 原价 --> | |
| 847 | + <view class="price flex xc-ash line_th"> | |
| 848 | + <view class="fs22">¥</view> | |
| 849 | + <view class="fs22">{{aitem.market_price}}</view> | |
| 850 | + </view> | |
| 851 | + </view> | |
| 852 | + </block> | |
| 853 | + </block> | |
| 854 | + </block> | |
| 855 | + <block wx:else> | |
| 856 | + <view class='wz_red'>¥{{aitem.shop_price}}</view> | |
| 857 | + <view class='del'>¥{{aitem.market_price}}</view> | |
| 858 | + </block> | |
| 859 | + </block> | |
| 860 | + </view> | |
| 861 | + <view class='zs_wz5_3l c-5' wx:if="{{object.goodsnum}}">销量:{{aitem.sales_sum}}件</view> | |
| 862 | + <!-- <view style="height: 10rpx;"></view> --> | |
| 863 | + </view> | |
| 864 | + | |
| 865 | + </view> | |
| 866 | + </navigator> | |
| 867 | + </block> | |
| 868 | + </swiper-item> | |
| 869 | + </view> | |
| 870 | + </swiper> | |
| 871 | + | |
| 670 | 872 | </view> |
| 671 | - | |
| 672 | - | |
| 673 | -<!-- 商品的显示不是左右 --> | |
| 674 | -<block wx:if="{{object.column!=5}}"> | |
| 675 | -<block wx:if="{{classstyle_id=='1' }}"><view class="button-wrapper" wx:if="{{goods_btn.length!=0 }}"> | |
| 676 | - <button type="default" size="default" loading="{{loading}}" disabled="{{disabled}}" bindtap="setLoading" class="c-5"> | |
| 677 | - {{loadText}} | |
| 678 | - </button> | |
| 679 | -</view></block> | |
| 680 | -<block wx:if="{{classstyle_id!='1' }}"> | |
| 681 | - <view class="button-wrapper pd20" wx:if="{{object.goodscount * page <total }}"> | |
| 682 | - <button type="default" size="default" loading="{{loading}}" disabled="{{disabled}}" bindtap="setLoading" style="background-color: rgba(0,0,0,0);color: #555;">{{loadText}}</button> | |
| 683 | - </view> | |
| 684 | - <view class="fs22" wx:if="{{object.goodscount * page >=total }}" style="color:{{object.nomore_color}};text-align: center; padding: 20rpx 0">—— 宝贝已经全部加载 —— </view> | |
| 685 | - | |
| 686 | -</block> | |
| 687 | -</block> | |
| 688 | - | |
| 689 | - | |
| 690 | -<!--商品展示--> | |
| 691 | -<swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.column==5}}" style="height: {{swiper_hei}}rpx;"> | |
| 692 | - <view class="sp"> | |
| 693 | - <swiper-item class="s_it" wx:for="{{goods_array}}"> | |
| 694 | - <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind"> | |
| 695 | - <navigator url="/packageA/pages/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" style="width: 32%" > | |
| 696 | - <view class="one {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}"> | |
| 697 | - <view class='sp_top'> | |
| 698 | - <view class='s_img' style="position: relative; width: 100%"> | |
| 699 | - | |
| 700 | - <block wx:if="{{object.big_order_type==3}}"> | |
| 701 | - <view style="position: relative; width: 100%; height: 100%"> | |
| 702 | - <image src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | |
| 703 | - binderror="bind_bnerr3"></image> | |
| 704 | - | |
| 705 | - <image class="n_box" style="top: {{object.top}}%;left:{{object.left}}%;width: {{object.width}}%;height: {{object.width}}%" src="{{aitem.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" binderror="bind_bnerr3"></image> | |
| 706 | - </view> | |
| 707 | - </block> | |
| 708 | - | |
| 709 | - <block wx:else> | |
| 710 | - <image src="{{aitem.goods_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].goods_img" | |
| 711 | - binderror="bind_bnerr3" lazy-load="true" style="width: 100%"></image> | |
| 712 | - </block> | |
| 713 | - | |
| 714 | - | |
| 715 | - <block wx:if="{{object.goodicon==3}}"> | |
| 716 | - <image class='{{g_filter.get_class(object.column,object.position)}}' | |
| 717 | - src='{{object.customicon}}'></image> | |
| 718 | - </block> | |
| 719 | - <block wx:if="{{object.goodicon==1}}"> | |
| 720 | - <image class='{{g_filter.get_class(object.column,object.position)}}' src=''></image> | |
| 721 | - </block> | |
| 722 | - <block wx:if="{{object.goodicon==2}}"> | |
| 723 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==1}}" | |
| 724 | - src='{{imghost}}/miniapp/images/Recommend.png'></image> | |
| 725 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==2 }}" | |
| 726 | - src='{{imghost}}/miniapp/images/hot.png'></image> | |
| 727 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==3}}" | |
| 728 | - src='{{imghost}}/miniapp/images/new.png'></image> | |
| 729 | - <image class='{{g_filter.get_class(object.column,object.position)}}' wx:if="{{object.styleicon==4 }}" | |
| 730 | - src='{{imghost}}/miniapp/images/Promotion.png'></image> | |
| 731 | - </block> | |
| 732 | - | |
| 733 | - </view> | |
| 734 | - <view class='clear'></view> | |
| 735 | - </view> | |
| 736 | - | |
| 737 | - <view class='pd10'> | |
| 738 | - <view class='zs_wz1_3l' wx:if="{{object.goodstit}}">{{aitem.goods_name}}</view> | |
| 739 | - <view class='zs_wz2_3l' wx:if="{{object.goodsprice}}"> | |
| 740 | - <block wx:if="{{aitem.prom_price || aitem.prom_integral }}"> | |
| 741 | - <view class='wz_red'> | |
| 742 | - <text wx:if="{{aitem.prom_integral}}">{{aitem.prom_integral}}</text> | |
| 743 | - <text wx:if="{{aitem.prom_integral && aitem.prom_price}}">+</text> | |
| 744 | - <text wx:if="{{aitem.prom_price}}">¥{{aitem.prom_price}}</text> | |
| 745 | - </view> | |
| 746 | - <view class='del'>¥{{aitem.market_price}}</view> | |
| 747 | - </block> | |
| 748 | - <block wx:else> | |
| 749 | - <block wx:if="{{g_filter.is_has_rank(rank_switch,aitem)}}" > | |
| 750 | - <!-- 当会员是等级卡的时候 --> | |
| 751 | - <block wx:if="{{card_field}}"> | |
| 752 | - <!-- 等级价>0 --> | |
| 753 | - <block wx:if="{{aitem[card_field]>0}}"> | |
| 754 | - <view class="money flex" > | |
| 755 | - <!-- 办卡价 --> | |
| 756 | - <view class="flex xc-wc ai_and"> | |
| 757 | - <view class="fs24 wz_red">¥</view> | |
| 758 | - <view class="fs35 wz_red">{{filter.toFix(aitem[card_field],2)}}</view> | |
| 759 | - <view class="card_bg ellipsis-1"> | |
| 760 | - <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 761 | - <text class="card_name">{{card_name}}</text> | |
| 762 | - </view> | |
| 763 | - </view> | |
| 764 | - </view> | |
| 765 | - <view class="flex" style="line-height: 28rpx;" > | |
| 766 | - <!-- 原价 --> | |
| 767 | - <view class="price flex xc-ash line_th"> | |
| 768 | - <view class="fs22">¥</view> | |
| 769 | - <view class="fs22">{{aitem.market_price}}</view> | |
| 770 | - </view> | |
| 771 | - </view> | |
| 772 | - </block> | |
| 773 | - <blocK wx:else> | |
| 774 | - <view class="money flex" > | |
| 775 | - <!-- 办卡价 --> | |
| 776 | - <view class="flex xc-wc"> | |
| 777 | - <view class="fs24 wz_red">¥</view> | |
| 778 | - <view class="fs35 wz_red">{{filter.toFix(aitem.shop_price,2)}}</view> | |
| 779 | - </view> | |
| 780 | - </view> | |
| 781 | - <view class="flex" style="line-height: 28rpx;" > | |
| 782 | - <!-- 原价 --> | |
| 783 | - <view class="price flex xc-ash line_th"> | |
| 784 | - <view class="fs22">¥</view> | |
| 785 | - <view class="fs22">{{aitem.market_price}}</view> | |
| 786 | - </view> | |
| 787 | - </view> | |
| 788 | - </blocK> | |
| 789 | - </block> | |
| 790 | - <block wx:else> | |
| 791 | - <!-- 如果商品有设置等级价大于0的 --> | |
| 792 | - <block wx:if="{{g_filter.get_card_price(aitem,card_list,0)}}"> | |
| 793 | - <view class="money flex" > | |
| 794 | - <!-- 办卡价 --> | |
| 795 | - <view class="flex xc-wc"> | |
| 796 | - <view class="fs24 wz_red">¥</view> | |
| 797 | - <view class="fs35 wz_red">{{filter.toFix(aitem.shop_price,2)}}</view> | |
| 798 | - </view> | |
| 799 | - <!-- 原价 --> | |
| 800 | - <view class="price flex xc-ash line_th"> | |
| 801 | - <view class="fs22">¥</view> | |
| 802 | - <view class="fs22">{{aitem.market_price}}</view> | |
| 803 | - </view> | |
| 804 | - | |
| 805 | - </view> | |
| 806 | - <view class="flex" style="line-height: 28rpx;" > | |
| 807 | - <!-- 等级价 --> | |
| 808 | - <view class="price flex ai_and"> | |
| 809 | - <view class="fs22">¥</view> | |
| 810 | - <view class="fs28">{{filter.toFix(g_filter.get_card_price(aitem,card_list,0),2)}}</view> | |
| 811 | - <view class="card_bg ellipsis-1"> | |
| 812 | - <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image> | |
| 813 | - <text class="card_name">{{g_filter.get_card_price(aitem,card_list,1)}}</text> | |
| 814 | - </view> | |
| 815 | - </view> | |
| 816 | - </view> | |
| 817 | - </block> | |
| 818 | - <block wx:else> | |
| 819 | - <view class="money flex" > | |
| 820 | - <!-- 办卡价 --> | |
| 821 | - <view class="flex xc-wc"> | |
| 822 | - <view class="fs24 wz_red">¥</view> | |
| 823 | - <view class="fs35 wz_red">{{filter.toFix(aitem.shop_price,2)}}</view> | |
| 824 | - </view> | |
| 825 | - </view> | |
| 826 | - <view class="flex" style="line-height: 28rpx;" > | |
| 827 | - <!-- 原价 --> | |
| 828 | - <view class="price flex xc-ash line_th"> | |
| 829 | - <view class="fs22">¥</view> | |
| 830 | - <view class="fs22">{{aitem.market_price}}</view> | |
| 831 | - </view> | |
| 832 | - </view> | |
| 833 | - </block> | |
| 834 | - </block> | |
| 835 | - </block> | |
| 836 | - <block wx:else> | |
| 837 | - <view class='wz_red'>¥{{aitem.shop_price}}</view> | |
| 838 | - <view class='del'>¥{{aitem.market_price}}</view> | |
| 839 | - </block> | |
| 840 | - </block> | |
| 841 | - </view> | |
| 842 | - <view class='zs_wz5_3l c-5' wx:if="{{object.goodsnum}}">销量:{{aitem.sales_sum}}件</view> | |
| 843 | - <!-- <view style="height: 10rpx;"></view> --> | |
| 844 | - </view> | |
| 845 | - | |
| 846 | - </view> | |
| 847 | - </navigator> | |
| 848 | - </block> | |
| 849 | - </swiper-item> | |
| 850 | - </view> | |
| 851 | - </swiper> | |
| 852 | 873 | \ No newline at end of file |
| 874 | +<!-- 服务卡项顶部标题 --> | |
| 875 | +<!-- class="scroll-view-item {{index == title_index ? 'active':''}}" --> | ... | ... |
components/mp-sticky/mp-sticky.js
0 → 100644
| 1 | +const selectQuery = require('./selectQuery') | |
| 2 | +const target = '.weui-sticky' | |
| 3 | + | |
| 4 | +Component({ | |
| 5 | + options: { | |
| 6 | + addGlobalClass: true, | |
| 7 | + // 指定所有 _ 开头的数据字段为纯数据字段 | |
| 8 | + pureDataPattern: /^_/, | |
| 9 | + multipleSlots: true // 在组件定义时的选项中启用多slot支持 | |
| 10 | + }, | |
| 11 | + behaviors: [selectQuery], | |
| 12 | + properties: { | |
| 13 | + offsetTop: { | |
| 14 | + type: Number, | |
| 15 | + value: 0 | |
| 16 | + }, | |
| 17 | + zIndex: { | |
| 18 | + type: Number, | |
| 19 | + value: 99 | |
| 20 | + }, | |
| 21 | + disabled: { | |
| 22 | + type: Boolean, | |
| 23 | + value: false, | |
| 24 | + }, | |
| 25 | + container: { | |
| 26 | + type: null | |
| 27 | + } | |
| 28 | + }, | |
| 29 | + data: { | |
| 30 | + fixed: false, | |
| 31 | + height: 0, | |
| 32 | + _attached: false, | |
| 33 | + _containerHeight: 0, | |
| 34 | + }, | |
| 35 | + | |
| 36 | + observers: { | |
| 37 | + disabled: function(newVal) { | |
| 38 | + if (!this.data._attached) return | |
| 39 | + newVal ? this.disconnectObserver() : this.initObserver() | |
| 40 | + }, | |
| 41 | + | |
| 42 | + container: function(newVal) { | |
| 43 | + if (typeof newVal !== 'function' || !this.data.height) return | |
| 44 | + this.observerContainer() | |
| 45 | + }, | |
| 46 | + | |
| 47 | + offsetTop: function(newVal){ | |
| 48 | + if(typeof newVal !== 'number' || !this.data._attached) return | |
| 49 | + this.initObserver() | |
| 50 | + } | |
| 51 | + | |
| 52 | + }, | |
| 53 | + | |
| 54 | + lifetimes: { | |
| 55 | + attached() { | |
| 56 | + this.data._attached = true | |
| 57 | + if (!this.data.disabled) this.initObserver() | |
| 58 | + }, | |
| 59 | + | |
| 60 | + detached() { | |
| 61 | + this.data._attached = false | |
| 62 | + this.disconnectObserver() | |
| 63 | + } | |
| 64 | + | |
| 65 | + }, | |
| 66 | + | |
| 67 | + methods: { | |
| 68 | + getContainerRect () { | |
| 69 | + const nodesRef = this.data.container() | |
| 70 | + return new Promise(resolve => nodesRef.boundingClientRect(resolve).exec()) | |
| 71 | + }, | |
| 72 | + | |
| 73 | + initObserver() { | |
| 74 | + this.disconnectObserver() | |
| 75 | + this.getRect(target).then(rect => { | |
| 76 | + this.setData({ | |
| 77 | + height: rect.height | |
| 78 | + }) | |
| 79 | + this.observerContent() | |
| 80 | + this.observerContainer() | |
| 81 | + }) | |
| 82 | + }, | |
| 83 | + | |
| 84 | + disconnectObserver(observerName) { | |
| 85 | + if (observerName) { | |
| 86 | + const observer = this[observerName] | |
| 87 | + observer && observer.disconnect() | |
| 88 | + } else { | |
| 89 | + this.contentObserver && this.contentObserver.disconnect() | |
| 90 | + this.containerObserver && this.containerObserver.disconnect() | |
| 91 | + } | |
| 92 | + }, | |
| 93 | + | |
| 94 | + observerContent() { | |
| 95 | + const {offsetTop} = this.data | |
| 96 | + this.disconnectObserver('contentObserver') | |
| 97 | + | |
| 98 | + const contentObserver = this.createIntersectionObserver({ | |
| 99 | + thresholds: [1], | |
| 100 | + initialRatio: 1 | |
| 101 | + }) | |
| 102 | + contentObserver.relativeToViewport({ | |
| 103 | + top: -offsetTop | |
| 104 | + }) | |
| 105 | + contentObserver.observe(target, res => { | |
| 106 | + if (this.data.disabled) return | |
| 107 | + this.setFixed(res.boundingClientRect.top) | |
| 108 | + }) | |
| 109 | + this.contentObserver = contentObserver | |
| 110 | + }, | |
| 111 | + | |
| 112 | + observerContainer() { | |
| 113 | + const {container, height, offsetTop} = this.data | |
| 114 | + if (typeof container !== 'function') return | |
| 115 | + | |
| 116 | + this.disconnectObserver('containerObserver') | |
| 117 | + this.getContainerRect().then(rect => { | |
| 118 | + this.getRect(target).then(contentRect => { | |
| 119 | + const _contentTop = contentRect.top | |
| 120 | + const _containerTop = rect.top | |
| 121 | + const _containerHeight = rect.height | |
| 122 | + const _relativeTop = _contentTop - _containerTop | |
| 123 | + const containerObserver = this.createIntersectionObserver({ | |
| 124 | + thresholds: [1], | |
| 125 | + initialRatio: 1 | |
| 126 | + }) | |
| 127 | + containerObserver.relativeToViewport({ | |
| 128 | + top: _containerHeight - height - offsetTop - _relativeTop | |
| 129 | + }) | |
| 130 | + containerObserver.observe(target, (res) => { | |
| 131 | + if (this.data.disabled) return | |
| 132 | + this.setFixed(res.boundingClientRect.top); | |
| 133 | + }) | |
| 134 | + this.data._relativeTop = _relativeTop | |
| 135 | + this.data._containerHeight = _containerHeight | |
| 136 | + this.containerObserver = containerObserver | |
| 137 | + }) | |
| 138 | + }) | |
| 139 | + }, | |
| 140 | + | |
| 141 | + setFixed(top) { | |
| 142 | + const {height, _containerHeight, _relativeTop, offsetTop} = this.data | |
| 143 | + const fixed = _containerHeight && height | |
| 144 | + ? (top >= height + offsetTop + _relativeTop - _containerHeight) && (top < offsetTop) | |
| 145 | + : top < offsetTop | |
| 146 | + this.triggerEvent('scroll', { | |
| 147 | + scrollTop: top, | |
| 148 | + isFixed: fixed | |
| 149 | + }) | |
| 150 | + | |
| 151 | + this.setData({fixed}) | |
| 152 | + } | |
| 153 | + } | |
| 154 | +}) | |
| 155 | + | ... | ... |
components/mp-sticky/mp-sticky.json
0 → 100644
components/mp-sticky/mp-sticky.wxml
0 → 100644
| 1 | +<wxs src="./mp-sticky.wxs" module="computed" /> | |
| 2 | + | |
| 3 | +<view class="weui-sticky" style="{{computed.containerStyle({fixed, height, zIndex})}}"> | |
| 4 | + <view class="{{fixed ? 'weui-sticky__fixed' : ''}}" style="{{computed.wrapStyle({fixed, offsetTop})}}"> | |
| 5 | + <slot ></slot> | |
| 6 | + </view> | |
| 7 | +</view> | ... | ... |
components/mp-sticky/mp-sticky.wxs
0 → 100644
| 1 | + | |
| 2 | +/* eslint-disable */ | |
| 3 | +function wrapStyle(data) { | |
| 4 | + if (data.fixed) { | |
| 5 | + return 'top: ' + data.offsetTop + 'px;' | |
| 6 | + } | |
| 7 | + return '' | |
| 8 | +} | |
| 9 | + | |
| 10 | +function containerStyle(data) { | |
| 11 | + if (data.fixed) { | |
| 12 | + return 'height: ' + data.height + 'px; z-index: ' + data.zIndex + ';' | |
| 13 | + } | |
| 14 | + return '' | |
| 15 | +} | |
| 16 | + | |
| 17 | +module.exports = { | |
| 18 | + wrapStyle: wrapStyle, | |
| 19 | + containerStyle: containerStyle | |
| 20 | +} | ... | ... |
components/mp-sticky/mp-sticky.wxss
0 → 100644
components/mp-sticky/selectQuery.js
0 → 100644
| 1 | +module.exports = Behavior({ | |
| 2 | + methods: { | |
| 3 | + getRect(selector) { | |
| 4 | + return new Promise((resolve, reject) => { | |
| 5 | + this.createSelectorQuery() | |
| 6 | + .select(selector) | |
| 7 | + .boundingClientRect(rect => { | |
| 8 | + if (rect) { | |
| 9 | + resolve(rect) | |
| 10 | + } else { | |
| 11 | + reject(new Error(`can not find selector: ${selector}`)) | |
| 12 | + } | |
| 13 | + }).exec() | |
| 14 | + }) | |
| 15 | + }, | |
| 16 | + | |
| 17 | + getAllRects(selector) { | |
| 18 | + return new Promise((resolve, reject) => { | |
| 19 | + this.createSelectorQuery() | |
| 20 | + .selectAll(selector) | |
| 21 | + .boundingClientRect(rects => { | |
| 22 | + if (rects && rects.lenght > 0) { | |
| 23 | + resolve(rects) | |
| 24 | + } else { | |
| 25 | + reject(new Error(`can not find selector: ${selector}`)) | |
| 26 | + } | |
| 27 | + }).exec() | |
| 28 | + }) | |
| 29 | + } | |
| 30 | + } | |
| 31 | +}) | ... | ... |
pages/index/index/index.js
| ... | ... | @@ -84,6 +84,15 @@ Page({ |
| 84 | 84 | full_ad: null, //全屏广告 |
| 85 | 85 | full_screen: 0, //全屏广告 |
| 86 | 86 | is_ok_h5: 0, //判断要不要显示关注二维码 |
| 87 | + | |
| 88 | + container: null, | |
| 89 | + }, | |
| 90 | + | |
| 91 | + onReady() { | |
| 92 | + this.setData({ | |
| 93 | + container: () => wx.createSelectorQuery().select('#container') | |
| 94 | + }) | |
| 95 | + console.log('container', this.data.container); | |
| 87 | 96 | }, |
| 88 | 97 | |
| 89 | 98 | onLoad: async function (tt) { | ... | ... |
pages/index/index/index.json
| ... | ... | @@ -21,7 +21,10 @@ |
| 21 | 21 | "store_select": "/components/diy_store_select/diy_store_select", |
| 22 | 22 | "presell": "/components/diy_pregoods/diy_pregoods", |
| 23 | 23 | "luckyGo": "/components/diy_luckyGo/diy_luckyGo", |
| 24 | - "serviceCard": "/components/diy_serviceCard/diy_serviceCard" | |
| 24 | + "serviceCard": "/components/diy_serviceCard/diy_serviceCard", | |
| 25 | + "live": "/components/diy_live/diy_live", | |
| 26 | + "mp-dialog": "weui-miniprogram/dialog/dialog", | |
| 27 | + "mp-sticky": "/components/mp-sticky/mp-sticky" | |
| 25 | 28 | }, |
| 26 | 29 | "enablePullDownRefresh": false |
| 27 | 30 | } |
| 28 | 31 | \ No newline at end of file | ... | ... |
pages/index/index/index.wxml
| ... | ... | @@ -45,6 +45,12 @@ |
| 45 | 45 | </view> |
| 46 | 46 | </view> |
| 47 | 47 | </view> |
| 48 | + | |
| 49 | + | |
| 50 | + | |
| 51 | + | |
| 52 | + | |
| 53 | + | |
| 48 | 54 | <!-- 如果有关注,要 --> |
| 49 | 55 | <!-- <view wx:if="{{is_gz_h5 && is_ok_h5}}" style="height: 84px"></view> --> |
| 50 | 56 | <!-- 如果有顶部门店 --> |
| ... | ... | @@ -137,6 +143,8 @@ |
| 137 | 143 | </view> |
| 138 | 144 | </view> |
| 139 | 145 | </view> |
| 146 | + | |
| 147 | + | |
| 140 | 148 | <!-- 轮播 --> |
| 141 | 149 | <block wx:if="{{swiperimage.length>0}}"> |
| 142 | 150 | <!-- <swiper class="swiper" autoplay="true" interval="5000" circular="{{true}}" indicator-dots="{{true}}" indicator-active-color="rgb(255,255,255)" vertical> --> |
| ... | ... | @@ -528,7 +536,7 @@ |
| 528 | 536 | |
| 529 | 537 | <!-- 服务卡项 --> |
| 530 | 538 | <block wx:if="{{item.ename=='servicecategory'}}"> |
| 531 | - <serviceCard object="{{item.content}}"></serviceCard> | |
| 539 | + <serviceCard object="{{item.content}}" sticky="{{template_arr[0].content.is_top}}" id="container"></serviceCard> | |
| 532 | 540 | </block> |
| 533 | 541 | |
| 534 | 542 | ... | ... |