调整页面图片大小

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