修改首页广告显示位置

This commit is contained in:
赵毅 2025-08-11 10:32:02 +08:00
parent 53342c7173
commit d49514d426
2 changed files with 47 additions and 13 deletions

View File

@ -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;

View File

@ -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)"
v-for="(item, index) in homeRightList" :key="index">
<view class="serverTit">{{ item.title }}</view>
<image :src="item.pic_src" mode="" />
<view class="serverList_right1">
<view :class="['serverItem', `serverItem${index + 1}`]" @tap="headerServerClick(item)"
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>
@ -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_start2.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'
" 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');
},