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">
<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:989.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}">
<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"
width="175.23rpx" height="175.23rpx"></u--image>
width="140.19rpx" height="140.19rpx"></u--image>
</view>
</swiper-item>
</swiper>
</view>
<!-- 商品列表 -->
<view class="content">
<view class="content_sift" :style="{position:pocls,top:(headtop)+'px'}" v-if="!showtit">
@ -491,10 +492,10 @@
.boundingClientRect(rect => {
// console.log(this.cartTagInfo, 6666)
that.cartTagInfo = rect
console.log(rect)
// console.log(rect)
})
.exec();
// console.log(that.headtop)
console.log(that.headtop)
}, 500)
// console.log(this.appInfo, "手机信息")
@ -551,6 +552,7 @@
.in(this)
.select('.content')
.boundingClientRect(rect => {
console.log(rect);
if (rect.top <= (this.headtop)) {
this.pocls = 'fixed'
this.act_swiper = 'act_swiper'
@ -1053,6 +1055,9 @@
.swiper_item_act {
transform: scale(1.2);
}
.swiper_item_act2 {
transform: scale(1.1);
}
// .swiper_item:hover {}
@ -1244,11 +1249,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);
@ -1373,7 +1378,7 @@
.swipers {
width: 750rpx;
height: 998.83rpx;
height: 718.46rpx;
}
.card {
@ -1410,7 +1415,7 @@
font-size: 33.29rpx;
line-height: 50px;
background: linear-gradient(to right, #F84221, #FF6D20);
width: 175.23rpx;
width: 140.19rpx;
text-align: center;
}
}