修改首页广告显示位置

pages/index/index.css

@@ -320,6 +320,15 @@ page {
 	flex-wrap: wrap;
 }
 
+.serverList_right1 {
+	width: 48%;
+}
+
+.serverList_right2 {
+	width: 48%;
+	margin-left: 10rpx;
+}
+
 .serverItem1 {
 	background: linear-gradient(139deg, #FEF4F4 0%, #FEDCD2 100%);
 	margin-right: 12rpx;

pages/index/index.vue

@@ -14,19 +14,22 @@
       <view class="function-nav">
         <view class="function-item" @click="goToShop">
           <div class="icon-box">
-            <image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_shop.png" mode="widthFix" />
+            <image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_shop.png"
+              mode="widthFix" />
           </div>
           <text>店铺管理</text>
         </view>
         <view class="function-item" @click="goToOrder">
           <div class="icon-box">
-            <image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_order.png" mode="widthFix" />
+            <image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_order.png"
+              mode="widthFix" />
           </div>
           <text>供应商订单</text>
         </view>
         <view class="function-item" @click="goToWuye">
           <div class="icon-box">
-            <image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_wuye.png" mode="widthFix" />
+            <image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_wuye.png"
+              mode="widthFix" />
           </div>
           <text>物业管理</text>
         </view>
@@ -81,6 +84,7 @@
         <view :class="['serverItemRight', `serverItemRight${index + 1}`]" @tap="headerServerClick(item)"
           v-for="(item, index) in serverRightList" :key="index">
           <image :src="item.pic_src" mode="" />
+          <!-- <view>{{ item.ad_position }}</view> -->
         </view>
       </view>
     </view>
@@ -96,15 +100,27 @@
           <swiper>
             <swiper-item v-for="(item, index) in homeLeftList" :key="index">
               <image :src="item.pic_src" alt="" mode="aspectFit" />
+              <!-- <view>{{ item.ad_position }}</view> -->
             </swiper-item>
           </swiper>
         </view>
 
         <view class="serverList_right">
-          <view :class="['serverItem', `serverItem${index + 1}`]" @tap="headerServerClick(item)"
+          <view class="serverList_right1">
-            v-for="(item, index) in homeRightList" :key="index">
+            <view :class="['serverItem', `serverItem${index + 1}`]" @tap="headerServerClick(item)"
-            <view class="serverTit">{{ item.title }}</view>
+              v-for="(item, index) in homeRightList1" :key="index">
-            <image :src="item.pic_src" mode="" />
+              <view class="serverTit">{{ item.title }}</view>
+              <image v-if="item.pic_src" :src="item.pic_src" mode="" />
+              <!-- <view>{{ item.ad_position }}</view> -->
+            </view>
+          </view>
+          <view class="serverList_right2">
+            <view :class="['serverItem', `serverItem${index + 4}`]" @tap="headerServerClick(item)" 
+               v-for="(item, index) in homeRightList2" :key="index">
+              <view class="serverTit">{{ item.title }}</view>
+              <image :src="item.pic_src" mode="" />
+              <!-- <view>{{ item.ad_position }}</view> -->
+            </view>
           </view>
         </view>
       </view>
@@ -202,8 +218,8 @@
               <div class="merchantItem_right_con_left">
                 <div class="startList">
                   <image v-for="index in 5" :key="index" :src="index < item.rating
-                      ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png'
+                    ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png'
-                      : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'
+                    : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'
                     " mode="aspectFill"></image>
                 </div>
                 <div class="merchangtItem_tag" v-if="item.refund_property_fee_ratio">
@@ -292,6 +308,8 @@ export default {
 
       homeLeftList: [],//中间左侧的广告
       homeRightList: [], // 中间右侧广告
+      homeRightList1: [], // 中间右侧广告 左
+      homeRightList2: [], // 中间右侧广告 右
       bottomPageSize: 10,
       bottomPageNum: 1,
       bottomList: [],
@@ -464,7 +482,7 @@ export default {
                 this.getServerRight(), // 中部1右侧广告查询
 
                 this.getHomeMidLeft(), // 中部左侧查询
-                this.getHomeMidRight(), // 中部左侧查询
+                this.getHomeMidRight(), // 中部右侧查询
 
                 // this.getHomeCenterTop(), // 中部-中上
                 // this.getHomeCenter(), // 中部-中
@@ -485,6 +503,8 @@ export default {
               this.serverRightList = serverRightList;
               this.homeLeftList = homeLeftList;
               this.homeRightList = homeRightList;
+              this.homeRightList1 = homeRightList.slice(0, 3);
+              this.homeRightList2 = homeRightList.slice(3, 6);
               that.bottomList = bottomList;
               this.tabList = buttonList;
               this.categoryList = categoryList;
@@ -628,7 +648,7 @@ export default {
 
     async getServerRight() {
       const rightList = []
-      for (let i = 4; i < 6; i++) {
+      for (let i = 3; i < 5; i++) {
         const res = await request(apiArr2.getHomeBanner, "POST", {
           ad_code: uni.getStorageSync('ad_code'),
           ad_position: i,
@@ -685,7 +705,12 @@ export default {
             item.pic_src = picUrl + item.pic_src
           })
           rightList.push(...filterRes)
-        }
+        }else{
+          rightList.push({
+            ad_position: i,
+            pic_src: ''
+          })
+        } 
       }
       return rightList
     },
@@ -949,7 +974,7 @@ export default {
       NavgateTo("/packages/localLife/detail/index");
     },
     //跳转点评
-    toJump(e){
+    toJump(e) {
       NavgateTo('/packages/localLife/comment/index');
     },