diff --git a/pkg_user/views/gift/components/CoverPicker.vue b/pkg_user/views/gift/components/CoverPicker.vue index 7552e04..7791687 100644 --- a/pkg_user/views/gift/components/CoverPicker.vue +++ b/pkg_user/views/gift/components/CoverPicker.vue @@ -14,7 +14,7 @@ :circular="true" :indicator-dots="false" @change="onChange" - previous-margin="160rpx" + previous-margin="200rpx" next-margin="180rpx" class="cover-swiper" > @@ -22,8 +22,8 @@ @@ -147,8 +147,8 @@ export default { flex-direction: column; align-items: center; .cover-image { - width: 320rpx; - height: 400rpx; + width: 240rpx; + height: 560rpx; border-radius: 16rpx; transition: all .2s ease-in-out; } diff --git a/pkg_user/views/gift/components/GiftCard.vue b/pkg_user/views/gift/components/GiftCard.vue index a6b15c6..5e58ab3 100644 --- a/pkg_user/views/gift/components/GiftCard.vue +++ b/pkg_user/views/gift/components/GiftCard.vue @@ -3,8 +3,8 @@ @@ -228,8 +228,8 @@ export default { align-content: center; } .bg-image{ - width: 576rpx; - height: 720rpx; + width: 240rpx; + height: 560rpx; position: absolute; border-radius: 16rpx; top: 0; @@ -260,8 +260,8 @@ export default { height: 296rpx; } .image-wrap{ - width: 288rpx; - height: 288rpx; + width: 160rpx; + height: 160rpx; /*border: 10rpx solid #FDF0D3;*/ border-radius: 30rpx; position: absolute; @@ -271,8 +271,8 @@ export default { margin: auto; } .pro-image{ - width: 288rpx; - height: 288rpx; + width: 160rpx; + height: 160rpx; /* border-radius: 30rpx; */ } .auto-text-color { @@ -316,8 +316,8 @@ export default { text-align: center; } .gift-card-modal { - height: 720rpx; - width: 576rpx; + height: 560rpx; + width: 240rpx; justify-content: center; z-index: 999; margin-top: 100rpx;