背框自定义

yvan.ni
1 parent e34ebeca
Showing 2 changed files with 79 additions and 20 deletions
components/diy_goodsGroup/diy_goodsGroup.wxml
components/diy_goodsGroup/diy_goodsGroup.wxss
@@ -17,10 +17,18 @@
             <view class='zs_goods {{g_filter.get_border_type(object.big_order_type)}}'>
                 <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1">
                     <view class='zs_top rel'>
-                        <image class='zs_t_img' src="{{item.goods_img}}"
-                               data-errorimg="goods_array[{{index}}].goods_img"
-                               binderror="bind_bnerr3" lazy-load="true" 
-                        ></image>
+
+                        <block wx:if="{{object.big_order_type==3}}">
+                            <view style="position: relative; width: 100%; height: 100%">
+                                <image class='zs_t_img' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true"
+                                       binderror="bind_bnerr3"></image>
+                                <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>
+                            </view>
+                        </block>
+                        <block wx:else>
+                            <image class='zs_t_img' src="{{item.goods_img}}"  data-errorimg="goods_array[{{index}}].goods_img"
+                                   binderror="bind_bnerr3" lazy-load="true" ></image>
+                        </block>
  
                         <block wx:if="{{object.goodicon==3}}">
                             <image class='{{g_filter.get_class(object.column,object.position)}}' src='{{object.customicon}}'></image>
@@ -166,8 +174,20 @@
             <view class="zs_goods_ban">
                 <view class='zs_goods_2l'>
                     <view class='zs_top_2l rel'>
-                        <image class='zs_t_img_2l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" 
+
+                        <block wx:if="{{object.big_order_type==3}}">
+                            <view style="position: relative; width: 100%; height: 100%">
+                                <image class='zs_t_img_2l' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true"
+                                       binderror="bind_bnerr3"></image>
+                                <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>
+                            </view>
+                        </block>
+                        <block wx:else>
+                          <image class='zs_t_img_2l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true"
                                    binderror="bind_bnerr3"></image>
+                        </block>
+
                         <block wx:if="{{object.goodicon==3}}">
                             <image class='{{g_filter.get_class(object.column,object.position)}}'
                                    src='{{object.customicon}}'></image>
@@ -312,9 +332,20 @@
             <view class="zs_goods_wai_san" >
                 <view class="zs_goods_san">
                     <view class='zs_goods_3l {{g_filter.get_border_type(object.big_order_type)}}'>
-                        <view class='zs_top_3l rel'>                       
-                            <image class='zs_t_img_3l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" 
+                        <view class='zs_top_3l rel'>
+                            <block wx:if="{{object.big_order_type==3}}">
+                                <view style="position: relative; width: 100%; height: 100%">
+                                    <image class='zs_t_img_3l' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true"
+                                           binderror="bind_bnerr3"></image>
+                                    <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>
+                                </view>
+                            </block>
+                            <block wx:else>
+                                <image class='zs_t_img_3l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true"
                                        binderror="bind_bnerr3"></image>
+                            </block>
+
                             <block wx:if="{{object.goodicon==3}}">
                                 <image class='{{g_filter.get_class(object.column,object.position)}}'
                                        src='{{object.customicon}}'></image>
@@ -457,9 +488,18 @@
         <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1">
             <view class="{{object.noboder==0?'zs_goods_xiao_bottom':'zs_goods_xiao'}}" >
                 <view class='zs_top_x'>
-                    <!--<image class='zs_t_img_x'></image>-->
-                    <block>
-                        <image class='zs_t_img_x' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img"  lazy-load="true" 
+                    <block wx:if="{{object.big_order_type==3}}">
+                        <view style="position: relative; width: 100%; height: 100%">
+                            <image class='zs_t_img_x' src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true"
+                                   binderror="bind_bnerr3"></image>
+                            <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>
+                        </view>
+                    </block>
+
+                    <block wx:else>
+                        <image class="zs_t_img_x {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}"
+                               src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img"  lazy-load="true"
                                binderror="bind_bnerr3" mode="widthFix" style='max-height:290rpx'></image>
                     </block>
  
@@ -587,12 +627,8 @@
 							   <view class='wz_red'>￥{{item.shop_price}}</view>
 							   <view class='del'>￥{{item.market_price}}</view>
 							</block>
-							
-							
+
 						</block>
-						
-						
-						
                     </view>
                     <view class='zs_wz5_x' wx:if="{{object.goodsnum}}">销量：{{item.sales_sum}}件</view>
                 </view>
@@ -622,17 +658,30 @@
  
  
 <!--商品展示-->
-  <swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.column==5}}" style="height: {{swiper_hei}}rpx;">
+<swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.column==5}}" style="height: {{swiper_hei}}rpx;">
     <view class="sp">
       <swiper-item class="s_it" wx:for="{{goods_array}}">
         <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind">
           <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" style="width: 32%" >
-            <view class='one' style="margin-left: 10rpx">
+            <view class="one {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}} " style="margin-left: 10rpx">
               <view class='sp_top'>
                 <view class='s_img' style="position: relative; width: 100%">
-                  <image src="{{aitem.goods_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].goods_img"
+
+                  <block wx:if="{{object.big_order_type==3}}">
+                        <view style="position: relative; width: 100%; height: 100%">
+                            <image  src="{{object.pic_back}}" data-errorimg="object.pic_back" lazy-load="true"
+                                   binderror="bind_bnerr3"></image>
+
+                            <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>
+                        </view>
+                  </block>
+
+                  <block wx:else>
+                    <image src="{{aitem.goods_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].goods_img"
                          binderror="bind_bnerr3" lazy-load="true" style="width: 100%"></image>
-				  				  
+                  </block>
+
+
 				  <block wx:if="{{object.goodicon==3}}">
 				      <image class='{{g_filter.get_class(object.column,object.position)}}'
 				             src='{{object.customicon}}'></image>
@@ -154,6 +154,10 @@
   margin-left: 20rpx;
 }
  
+.zs_t_img_x.zj{ border: 1rpx solid #eee;} 
+.zs_t_img_x.yj{ border: 1rpx solid #eee;border-radius: 18rpx;} 
+
+
 .zs_center_x {
   width: 100%;
   min-height: 200rpx;
@@ -727,8 +731,13 @@ swiper {
  
 .one {
   margin-left: 14rpx;
+  overflow: hidden;
 }
  
+.one.zj{ border: 1rpx solid #eee;}
+.one.yj{ border: 1rpx solid #eee; border-radius: 18rpx;}
+
+
 .sp .sp_top .s_top1_kill {
   position: absolute;
   background-color: #c4182e;
@@ -814,5 +823,6 @@ top: 10rpx;
 	position: absolute;
 	right: 0rpx;
 	bottom: 10rpx;
+}
  
-}
 \ No newline at end of file
+.n_box{ position: absolute !important;z-index: 10}
 \ No newline at end of file