Feat:礼品红包封面尺寸调整
This commit is contained in:
@@ -3,11 +3,9 @@
|
||||
:show="show"
|
||||
mode="bottom"
|
||||
round="40rpx"
|
||||
@close="close"
|
||||
:customStyle="{height: '600rpx'}"
|
||||
closeable>
|
||||
<view class="cover-picker">
|
||||
<view class="cover-title">选择封面</view>
|
||||
>
|
||||
<view class="cover-picker v12-pt-4">
|
||||
<swiper
|
||||
:current="currentIndex"
|
||||
:autoplay="false"
|
||||
@@ -27,7 +25,7 @@
|
||||
}">
|
||||
<image :src="product.image" class="pro-cover-image" mode="widthFix|heightFix" />
|
||||
</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>
|
||||
<!-- <view class="cover-name">{{ item.name }} </view> -->
|
||||
@@ -98,7 +96,7 @@ export default {
|
||||
.n-actived{
|
||||
.cover-item{
|
||||
transform: scale(0.8);
|
||||
margin-bottom: -40rpx !important;
|
||||
margin-bottom: -70rpx !important;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -161,10 +159,10 @@ export default {
|
||||
align-items: center;
|
||||
overflow: visible;
|
||||
transition: all .3s ease-in-out;
|
||||
margin-bottom: 60rpx;
|
||||
margin-bottom: 30rpx;
|
||||
.cover-image {
|
||||
width: 420rpx;
|
||||
height: 580rpx;
|
||||
// height: 580rpx;
|
||||
border-radius: 16rpx;
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user