liangxin/xdd-uniapp-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat：礼品红包封面尺寸调整

Browse Source
This commit is contained in:
linxi
2025-11-24 11:56:52 +08:00
parent 9de1574c86
commit fe596ffff3
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pkg_user/views/gift/components/CoverPicker.vue
+6 -8
View File
@@ -3,11 +3,9 @@
:show="show" :show="show"
mode="bottom" mode="bottom"
round="40rpx" round="40rpx"
@close="close"
:customStyle="{height: '600rpx'}" :customStyle="{height: '600rpx'}"
closeable> >
<view class="cover-picker"> <view class="cover-picker v12-pt-4">
<view class="cover-title">选择封面</view>
<swiper <swiper
:current="currentIndex" :current="currentIndex"
:autoplay="false" :autoplay="false"
@@ -27,7 +25,7 @@
}"> }">
<image :src="product.image" class="pro-cover-image" mode="widthFix|heightFix" /> <image :src="product.image" class="pro-cover-image" mode="widthFix|heightFix" />
</view> </view>
<image :src="item.cover" class="cover-image" mode="widthFix|heightFix" /> <image :src="item.cover" class="cover-image" mode="widthFix" />
<!-- <view class="message-text" :style="{top: currentIndex !== index ? '260rpx' : '220rpx'}">{{ message }}</view> --> <!-- <view class="message-text" :style="{top: currentIndex !== index ? '260rpx' : '220rpx'}">{{ message }}</view> -->
</view> </view>
<!-- <view class="cover-name">{{ item.name }} </view> --> <!-- <view class="cover-name">{{ item.name }} </view> -->
@@ -98,7 +96,7 @@ export default {
.n-actived{ .n-actived{
.cover-item{ .cover-item{
transform: scale(0.8); transform: scale(0.8);
margin-bottom: -40rpx !important; margin-bottom: -70rpx !important;
} }
} }
@@ -161,10 +159,10 @@ export default {
align-items: center; align-items: center;
overflow: visible; overflow: visible;
transition: all .3s ease-in-out; transition: all .3s ease-in-out;
margin-bottom: 60rpx; margin-bottom: 30rpx;
.cover-image { .cover-image {
width: 420rpx; width: 420rpx;
height: 580rpx; // height: 580rpx;
border-radius: 16rpx; border-radius: 16rpx;
transition: all .2s ease-in-out; transition: all .2s ease-in-out;
} }