修改首页广告显示位置

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="serverList_right1">
             <view :class="['serverItem', `serverItem${index + 1}`]" @tap="headerServerClick(item)"
-            v-for="(item, index) in homeRightList" :key="index">
+              v-for="(item, index) in homeRightList1" :key="index">
+              <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>
@@ -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,6 +705,11 @@ export default {
             item.pic_src = picUrl + item.pic_src
           })
           rightList.push(...filterRes)
+        }else{
+          rightList.push({
+            ad_position: i,
+            pic_src: ''
+          })
         } 
       }
       return rightList