调整页面图片大小

This commit is contained in:
weipengfei 2023-09-28 17:16:08 +08:00
parent e7f374c5b6
commit 3420bbbe48

View File

@ -151,23 +151,23 @@
:disable-touch="true">
<swiper-item v-for="(item,index) in cloudList">
<u--image :showLoading="true" :src="item.cover" :class="act_img" width="750rpx"
height="998.83rpx"></u--image>
height="718.46rpx"></u--image>
</swiper-item>
</swiper>
</view>
<view class="" style="height:998.83rpx;" v-if="act_swiper">
<view class="" style="height:718.46rpx;" v-if="act_swiper">
</view>
<view class="menu" v-if="showtit" style="transition: 1s;">
<swiper :autoplay="false" :active-class="activeClass" :interval="3000" class="swiper"
:circular="true" previous-margin='270rpx' next-margin='270rpx' :current="current"
:circular="true" previous-margin='280rpx' next-margin='280rpx' :current="current"
@change="test">
<swiper-item v-for="(item,index) in cloudList" :key="index" @click="clickSwiperFn(index)">
<view class="swiper_item" :class="{swiper_item_act:index==current}">
<u--image :showLoading="true" :src="item.background" class="swiper_b"
width="175.23rpx" height="175.23rpx"></u--image>
width="140.19rpx" height="140.19rpx"></u--image>
</view>
</swiper-item>
@ -199,7 +199,7 @@
<view class="right">
<view class="tit">
<!-- 亿福馒头粉纯天然无添加小麦粉加工 1000g/ -->
{{item.store_info}}
{{ item.store_name || item.store_info }}
</view>
<view class="">
<view class="good_score">
@ -1301,11 +1301,11 @@
.menu {
position: absolute;
top: 748rpx;
top: 490rpx;
width: 750rpx;
// background-color: rgba(255, 255, 255, 0.7);
height: 250rpx;
// height: 175.23rpx;
// height: 140.19rpx;
// box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.5);
// box-shadow: 0 0 100rpx 30rpx rgba(255, 255, 255, 0.9);
@ -1400,9 +1400,9 @@
.act_img {
// transition:t;
transform: translateY(-840rpx);
transform: translateY(-580rpx);
/* #ifdef APP-PLUS */
transform: translateY(-800rpx);
transform: translateY(-540rpx);
/* #endif */
}
@ -1429,7 +1429,7 @@
.swipers {
width: 750rpx;
height: 998.83rpx;
height: 718.46rpx;
}
.card {
@ -1466,7 +1466,7 @@
font-size: 33.29rpx;
line-height: 50px;
background: linear-gradient(to right, #F84221, #FF6D20);
width: 175.23rpx;
width: 140.19rpx;
text-align: center;
}
}