mkm/nk-shop2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改云仓页面图片大小(存在BUG)

Browse Source
This commit is contained in:
weipengfei 2023-09-28 15:41:22 +08:00
parent 6f2a468f8c
commit 2645c34d4e
1 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
pages/nongKe/cloud_entrepot/index.vue
View File

@ -88,28 +88,29 @@
: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:989.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, 'swiper_item_act2':index==current-1||index==current+1}">
<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>
</swiper> </swiper>
</view> </view>
<!-- 商品列表 --> <!-- 商品列表 -->
<view class="content"> <view class="content">
<view class="content_sift" :style="{position:pocls,top:(headtop)+'px'}" v-if="!showtit"> <view class="content_sift" :style="{position:pocls,top:(headtop)+'px'}" v-if="!showtit">
@ -491,10 +492,10 @@
.boundingClientRect(rect => { .boundingClientRect(rect => {
// console.log(this.cartTagInfo, 6666) // console.log(this.cartTagInfo, 6666)
that.cartTagInfo = rect that.cartTagInfo = rect
console.log(rect) // console.log(rect)
}) })
.exec(); .exec();
// console.log(that.headtop) console.log(that.headtop)
}, 500) }, 500)
// console.log(this.appInfo, "手机信息") // console.log(this.appInfo, "手机信息")
@ -551,6 +552,7 @@
.in(this) .in(this)
.select('.content') .select('.content')
.boundingClientRect(rect => { .boundingClientRect(rect => {
console.log(rect);
if (rect.top <= (this.headtop)) { if (rect.top <= (this.headtop)) {
this.pocls = 'fixed' this.pocls = 'fixed'
this.act_swiper = 'act_swiper' this.act_swiper = 'act_swiper'
@ -1053,6 +1055,9 @@
.swiper_item_act { .swiper_item_act {
transform: scale(1.2); transform: scale(1.2);
} }
.swiper_item_act2 {
transform: scale(1.1);
}
// .swiper_item:hover {} // .swiper_item:hover {}
@ -1244,11 +1249,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);
@ -1373,7 +1378,7 @@
.swipers { .swipers {
width: 750rpx; width: 750rpx;
height: 998.83rpx; height: 718.46rpx;
} }
.card { .card {
@ -1410,7 +1415,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;
} }
} }