maguodong/uniapp-ZHSQ
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改首页布局,确保不会因为屏幕尺寸导致布局混乱

Browse Source
This commit is contained in:
赵毅 2025-09-18 09:57:23 +08:00
parent 9372db9037
commit 7d1aa498b4
2 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pages/index/index.css
View File

@ -260,7 +260,7 @@ page {
/* 广告横幅 */
.serverList1 {
width: 100%;
width: 97%;
height: 450rpx;
display: flex;
flex-wrap: wrap;
@ -279,19 +279,19 @@ page {
}
.serverList1_left image {
width: 350rpx;
height: 454rpx;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20rpx;
}
.serverList1_right {
width: 400rpx;
width: 370rpx;
height: 450rpx;
}
.serverItemRight1 {
width: 350rpx;
width: 100%;
height: 222rpx;
}
@ -300,7 +300,7 @@ page {
}
.serverItemRight2 {
width: 350rpx;
width: 100%;
height: 222rpx;
margin-top: 10rpx;
}

15
pages/index/index.vue
View File

@ -92,15 +92,13 @@
<!-- 广告横幅 -->
<view class="serverList1">
<view class="serverList1_left">
<!-- <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_ad_left.jpg" mode="aspectFit" /> -->
<image :src="serverLeft" mode="aspectFit" />
<view class="serverList1_left" @click="toAdvertisingView">
<image :src="serverLeft" mode="aspectFill" />
</view>
<view class="serverList1_right">
<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>
@ -115,7 +113,7 @@
<view class="serverList_left">
<swiper>
<swiper-item v-for="(item, index) in homeLeftList" :key="index" @click="headerServerClick(item)">
<image :src="item.pic_src" alt="" />
<image :src="item.pic_src" alt="" class="serverList_left_img"/>
<!-- <view>{{ item.ad_position }}</view> -->
</swiper-item>
</swiper>
@ -134,7 +132,7 @@
<view :class="['serverItem', `serverItem${index + 4}`]" @click="headerServerClick2(item)"
v-for="(item, index) in homeRightList2" :key="index">
<view class="serverTit">{{ item.title }}</view>
<image :src="item.pic_src" mode="aspectFill" />
<image :src="item.pic_src" mode="" />
<!-- <view>{{ item.ad_position }}</view> -->
</view>
</view>
@ -352,6 +350,11 @@ export default {
})
},
// 广告商品跳转
toAdvertisingView(item) {
NavgateTo('/packages/advertising/index/index')
},
async goToWuye() {
uni.removeStorageSync('order_dispatch_permission');
uni.removeStorageSync('work_order_permission');