自定义模板广告优化

前端开发-罗建龙
1 parent 674924ed
Showing 2 changed files with 6 additions and 6 deletions
components/diy_advertising/diy_advertising.wxml
components/diy_advertising/diy_advertising.wxss
@@ -129,11 +129,11 @@
 </view>
 <view class="clear"></view>
 <!--2行三列-->
-<view class="{{object.aline ? 's4':''}}" wx:if='{{object.style==3}}' style="padding:0 {{object.two_side}}rpx;display: flex;{{object.aline ? 'flex-wrap: wrap;' :''}} background-color:{{object.bg_color?object.bg_color:'none'}}">
+<view class="{{object.aline ? 's4':''}}" wx:if='{{object.style==3}}' style="padding:0 {{object.two_side}}rpx;display: flex;{{object.aline ? ('flex-wrap: wrap;justify-content: space-between;margin-top:-'+object.jian_ge+'rpx;') :''}} background-color:{{object.bg_color?object.bg_color:'none'}}">
   <block wx:for="{{object.data}}" wx:key="{{index}}">
-    <view class='s4_gk' wx:if="{{index==0}}" style="{{object.aline ? ('width:'+(750-2*object.two_side-2*object.jian_ge)/3+'rpx') : 'flex:1;float:none;'}} ">
+    <view class='s4_gk' wx:if="{{index==0}}" style="{{object.aline ? ('width:'+(750-2*object.two_side-2*object.jian_ge)/3+'rpx;margin-top:'+object.jian_ge+'rpx;') : 'flex:1;float:none;'}} ">
       <block wx:if="{{item.src==''}}">
         <text>200*200</text>
       </block>
@@ -169,7 +169,7 @@
       </block>
     </view>
-    <view class='s4_gk' wx:else style="{{object.aline ? ('width:'+(750-2*object.two_side-2*object.jian_ge)/3+'rpx') : ('flex:1;float:none;margin-left:'+object.jian_ge+'rpx')}} ">
+    <view class='s4_gk' wx:else style="{{object.aline ? ('width:'+(750-2*object.two_side-2*object.jian_ge)/3+'rpx;margin-top:'+object.jian_ge+'rpx;') : ('flex:1;float:none;margin-left:'+object.jian_ge+'rpx')}} ">
       <block wx:if="{{item.src==''}}">
         <text>200*200</text>
       </block>
@@ -205,8 +205,8 @@
         </block>
       </block>
     </view>
-
   </block>
+    <view class="s4_gk" wx:if="{{object.aline && (object.data.length % 3)>0}}" style="{{('width:'+(750-2*object.two_side-2*object.jian_ge)/3+'rpx;margin-top:'+object.jian_ge+'rpx;height:0;')}}"></view>
 </view>
 <view class="clear"></view>
@@ -156,12 +156,12 @@
   float: left;
   margin-left: 10rpx;
 }
-.s4:after{
+/* .s4:after{
   content: '';
   height: 0;
   width: 30%;
   visibility: hidden;
-}
+} */
 .s4_gk {
   /* background-color: rgb(129, 213, 249); */
   color: #fff;