调整页面图片大小
This commit is contained in:
parent
e7f374c5b6
commit
3420bbbe48
@ -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;
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user