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 { .serverList1 {
width: 100%; width: 97%;
height: 450rpx; height: 450rpx;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -279,19 +279,19 @@ page {
} }
.serverList1_left image { .serverList1_left image {
width: 350rpx; width: 100%;
height: 454rpx; height: 100%;
object-fit: cover; object-fit: cover;
border-radius: 20rpx; border-radius: 20rpx;
} }
.serverList1_right { .serverList1_right {
width: 400rpx; width: 370rpx;
height: 450rpx; height: 450rpx;
} }
.serverItemRight1 { .serverItemRight1 {
width: 350rpx; width: 100%;
height: 222rpx; height: 222rpx;
} }
@ -300,7 +300,7 @@ page {
} }
.serverItemRight2 { .serverItemRight2 {
width: 350rpx; width: 100%;
height: 222rpx; height: 222rpx;
margin-top: 10rpx; margin-top: 10rpx;
} }

15
pages/index/index.vue
View File

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