Commit aa4d3d90c0c534121c38182705d48d17423f5a66
1 parent
e34ebeca
背框自定义
Showing
2 changed files
with
79 additions
and
20 deletions
components/diy_goodsGroup/diy_goodsGroup.wxml
| @@ -17,10 +17,18 @@ | @@ -17,10 +17,18 @@ | ||
| 17 | <view class='zs_goods {{g_filter.get_border_type(object.big_order_type)}}'> | 17 | <view class='zs_goods {{g_filter.get_border_type(object.big_order_type)}}'> |
| 18 | <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | 18 | <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> |
| 19 | <view class='zs_top rel'> | 19 | <view class='zs_top rel'> |
| 20 | - <image class='zs_t_img' src="{{item.goods_img}}" | ||
| 21 | - data-errorimg="goods_array[{{index}}].goods_img" | ||
| 22 | - binderror="bind_bnerr3" lazy-load="true" | ||
| 23 | - ></image> | 20 | + |
| 21 | + <block wx:if="{{object.big_order_type==3}}"> | ||
| 22 | + <view style="position: relative; width: 100%; height: 100%"> | ||
| 23 | + <image class='zs_t_img' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | ||
| 24 | + binderror="bind_bnerr3"></image> | ||
| 25 | + <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> | ||
| 26 | + </view> | ||
| 27 | + </block> | ||
| 28 | + <block wx:else> | ||
| 29 | + <image class='zs_t_img' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
| 30 | + binderror="bind_bnerr3" lazy-load="true" ></image> | ||
| 31 | + </block> | ||
| 24 | 32 | ||
| 25 | <block wx:if="{{object.goodicon==3}}"> | 33 | <block wx:if="{{object.goodicon==3}}"> |
| 26 | <image class='{{g_filter.get_class(object.column,object.position)}}' src='{{object.customicon}}'></image> | 34 | <image class='{{g_filter.get_class(object.column,object.position)}}' src='{{object.customicon}}'></image> |
| @@ -166,8 +174,20 @@ | @@ -166,8 +174,20 @@ | ||
| 166 | <view class="zs_goods_ban"> | 174 | <view class="zs_goods_ban"> |
| 167 | <view class='zs_goods_2l'> | 175 | <view class='zs_goods_2l'> |
| 168 | <view class='zs_top_2l rel'> | 176 | <view class='zs_top_2l rel'> |
| 169 | - <image class='zs_t_img_2l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | 177 | + |
| 178 | + <block wx:if="{{object.big_order_type==3}}"> | ||
| 179 | + <view style="position: relative; width: 100%; height: 100%"> | ||
| 180 | + <image class='zs_t_img_2l' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | ||
| 181 | + binderror="bind_bnerr3"></image> | ||
| 182 | + <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" | ||
| 183 | + binderror="bind_bnerr3"></image> | ||
| 184 | + </view> | ||
| 185 | + </block> | ||
| 186 | + <block wx:else> | ||
| 187 | + <image class='zs_t_img_2l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | ||
| 170 | binderror="bind_bnerr3"></image> | 188 | binderror="bind_bnerr3"></image> |
| 189 | + </block> | ||
| 190 | + | ||
| 171 | <block wx:if="{{object.goodicon==3}}"> | 191 | <block wx:if="{{object.goodicon==3}}"> |
| 172 | <image class='{{g_filter.get_class(object.column,object.position)}}' | 192 | <image class='{{g_filter.get_class(object.column,object.position)}}' |
| 173 | src='{{object.customicon}}'></image> | 193 | src='{{object.customicon}}'></image> |
| @@ -312,9 +332,20 @@ | @@ -312,9 +332,20 @@ | ||
| 312 | <view class="zs_goods_wai_san" > | 332 | <view class="zs_goods_wai_san" > |
| 313 | <view class="zs_goods_san"> | 333 | <view class="zs_goods_san"> |
| 314 | <view class='zs_goods_3l {{g_filter.get_border_type(object.big_order_type)}}'> | 334 | <view class='zs_goods_3l {{g_filter.get_border_type(object.big_order_type)}}'> |
| 315 | - <view class='zs_top_3l rel'> | ||
| 316 | - <image class='zs_t_img_3l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | 335 | + <view class='zs_top_3l rel'> |
| 336 | + <block wx:if="{{object.big_order_type==3}}"> | ||
| 337 | + <view style="position: relative; width: 100%; height: 100%"> | ||
| 338 | + <image class='zs_t_img_3l' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | ||
| 339 | + binderror="bind_bnerr3"></image> | ||
| 340 | + <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" | ||
| 341 | + binderror="bind_bnerr3"></image> | ||
| 342 | + </view> | ||
| 343 | + </block> | ||
| 344 | + <block wx:else> | ||
| 345 | + <image class='zs_t_img_3l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | ||
| 317 | binderror="bind_bnerr3"></image> | 346 | binderror="bind_bnerr3"></image> |
| 347 | + </block> | ||
| 348 | + | ||
| 318 | <block wx:if="{{object.goodicon==3}}"> | 349 | <block wx:if="{{object.goodicon==3}}"> |
| 319 | <image class='{{g_filter.get_class(object.column,object.position)}}' | 350 | <image class='{{g_filter.get_class(object.column,object.position)}}' |
| 320 | src='{{object.customicon}}'></image> | 351 | src='{{object.customicon}}'></image> |
| @@ -457,9 +488,18 @@ | @@ -457,9 +488,18 @@ | ||
| 457 | <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | 488 | <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> |
| 458 | <view class="{{object.noboder==0?'zs_goods_xiao_bottom':'zs_goods_xiao'}}" > | 489 | <view class="{{object.noboder==0?'zs_goods_xiao_bottom':'zs_goods_xiao'}}" > |
| 459 | <view class='zs_top_x'> | 490 | <view class='zs_top_x'> |
| 460 | - <!--<image class='zs_t_img_x'></image>--> | ||
| 461 | - <block> | ||
| 462 | - <image class='zs_t_img_x' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | 491 | + <block wx:if="{{object.big_order_type==3}}"> |
| 492 | + <view style="position: relative; width: 100%; height: 100%"> | ||
| 493 | + <image class='zs_t_img_x' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | ||
| 494 | + binderror="bind_bnerr3"></image> | ||
| 495 | + <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" | ||
| 496 | + binderror="bind_bnerr3"></image> | ||
| 497 | + </view> | ||
| 498 | + </block> | ||
| 499 | + | ||
| 500 | + <block wx:else> | ||
| 501 | + <image class="zs_t_img_x {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}" | ||
| 502 | + src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | ||
| 463 | binderror="bind_bnerr3" mode="widthFix" style='max-height:290rpx'></image> | 503 | binderror="bind_bnerr3" mode="widthFix" style='max-height:290rpx'></image> |
| 464 | </block> | 504 | </block> |
| 465 | 505 | ||
| @@ -587,12 +627,8 @@ | @@ -587,12 +627,8 @@ | ||
| 587 | <view class='wz_red'>￥{{item.shop_price}}</view> | 627 | <view class='wz_red'>￥{{item.shop_price}}</view> |
| 588 | <view class='del'>￥{{item.market_price}}</view> | 628 | <view class='del'>￥{{item.market_price}}</view> |
| 589 | </block> | 629 | </block> |
| 590 | - | ||
| 591 | - | 630 | + |
| 592 | </block> | 631 | </block> |
| 593 | - | ||
| 594 | - | ||
| 595 | - | ||
| 596 | </view> | 632 | </view> |
| 597 | <view class='zs_wz5_x' wx:if="{{object.goodsnum}}">销量：{{item.sales_sum}}件</view> | 633 | <view class='zs_wz5_x' wx:if="{{object.goodsnum}}">销量：{{item.sales_sum}}件</view> |
| 598 | </view> | 634 | </view> |
| @@ -622,17 +658,30 @@ | @@ -622,17 +658,30 @@ | ||
| 622 | 658 | ||
| 623 | 659 | ||
| 624 | <!--商品展示--> | 660 | <!--商品展示--> |
| 625 | - <swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.column==5}}" style="height: {{swiper_hei}}rpx;"> | 661 | +<swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.column==5}}" style="height: {{swiper_hei}}rpx;"> |
| 626 | <view class="sp"> | 662 | <view class="sp"> |
| 627 | <swiper-item class="s_it" wx:for="{{goods_array}}"> | 663 | <swiper-item class="s_it" wx:for="{{goods_array}}"> |
| 628 | <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind"> | 664 | <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind"> |
| 629 | <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" style="width: 32%" > | 665 | <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" style="width: 32%" > |
| 630 | - <view class='one' style="margin-left: 10rpx"> | 666 | + <view class="one {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}} " style="margin-left: 10rpx"> |
| 631 | <view class='sp_top'> | 667 | <view class='sp_top'> |
| 632 | <view class='s_img' style="position: relative; width: 100%"> | 668 | <view class='s_img' style="position: relative; width: 100%"> |
| 633 | - <image src="{{aitem.goods_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].goods_img" | 669 | + |
| 670 | + <block wx:if="{{object.big_order_type==3}}"> | ||
| 671 | + <view style="position: relative; width: 100%; height: 100%"> | ||
| 672 | + <image src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true" | ||
| 673 | + binderror="bind_bnerr3"></image> | ||
| 674 | + | ||
| 675 | + <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> | ||
| 676 | + </view> | ||
| 677 | + </block> | ||
| 678 | + | ||
| 679 | + <block wx:else> | ||
| 680 | + <image src="{{aitem.goods_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].goods_img" | ||
| 634 | binderror="bind_bnerr3" lazy-load="true" style="width: 100%"></image> | 681 | binderror="bind_bnerr3" lazy-load="true" style="width: 100%"></image> |
| 635 | - | 682 | + </block> |
| 683 | + | ||
| 684 | + | ||
| 636 | <block wx:if="{{object.goodicon==3}}"> | 685 | <block wx:if="{{object.goodicon==3}}"> |
| 637 | <image class='{{g_filter.get_class(object.column,object.position)}}' | 686 | <image class='{{g_filter.get_class(object.column,object.position)}}' |
| 638 | src='{{object.customicon}}'></image> | 687 | src='{{object.customicon}}'></image> |
components/diy_goodsGroup/diy_goodsGroup.wxss
| @@ -154,6 +154,10 @@ | @@ -154,6 +154,10 @@ | ||
| 154 | margin-left: 20rpx; | 154 | margin-left: 20rpx; |
| 155 | } | 155 | } |
| 156 | 156 | ||
| 157 | +.zs_t_img_x.zj{ border: 1rpx solid #eee;} | ||
| 158 | +.zs_t_img_x.yj{ border: 1rpx solid #eee;border-radius: 18rpx;} | ||
| 159 | + | ||
| 160 | + | ||
| 157 | .zs_center_x { | 161 | .zs_center_x { |
| 158 | width: 100%; | 162 | width: 100%; |
| 159 | min-height: 200rpx; | 163 | min-height: 200rpx; |
| @@ -727,8 +731,13 @@ swiper { | @@ -727,8 +731,13 @@ swiper { | ||
| 727 | 731 | ||
| 728 | .one { | 732 | .one { |
| 729 | margin-left: 14rpx; | 733 | margin-left: 14rpx; |
| 734 | + overflow: hidden; | ||
| 730 | } | 735 | } |
| 731 | 736 | ||
| 737 | +.one.zj{ border: 1rpx solid #eee;} | ||
| 738 | +.one.yj{ border: 1rpx solid #eee; border-radius: 18rpx;} | ||
| 739 | + | ||
| 740 | + | ||
| 732 | .sp .sp_top .s_top1_kill { | 741 | .sp .sp_top .s_top1_kill { |
| 733 | position: absolute; | 742 | position: absolute; |
| 734 | background-color: #c4182e; | 743 | background-color: #c4182e; |
| @@ -814,5 +823,6 @@ top: 10rpx; | @@ -814,5 +823,6 @@ top: 10rpx; | ||
| 814 | position: absolute; | 823 | position: absolute; |
| 815 | right: 0rpx; | 824 | right: 0rpx; |
| 816 | bottom: 10rpx; | 825 | bottom: 10rpx; |
| 826 | +} | ||
| 817 | 827 | ||
| 818 | -} | ||
| 819 | \ No newline at end of file | 828 | \ No newline at end of file |
| 829 | +.n_box{ position: absolute !important;z-index: 10} | ||
| 820 | \ No newline at end of file | 830 | \ No newline at end of file |