Fix:3306 【礼品功能】礼品封面两边还要再低于中间,左右两边往下移,底部文字平行,顶部低于中间
This commit is contained in:
@@ -13,18 +13,18 @@
|
||||
:circular="true"
|
||||
:indicator-dots="false"
|
||||
@change="onChange"
|
||||
previous-margin="180rpx"
|
||||
previous-margin="160rpx"
|
||||
next-margin="180rpx"
|
||||
class="cover-swiper"
|
||||
>
|
||||
<swiper-item v-for="(item, index) in list" :key="index">
|
||||
<view class="cover-item">
|
||||
<view class="img-wrap" :class="currentIndex === index ? 'v12-mt-8' : 'v12-mt-4'">
|
||||
<view class="pro-img-wrap " v-show="currentIndex === index ">
|
||||
<view class="cover-item" >
|
||||
<view class="img-wrap" :class="currentIndex === index ? 'v12-mt-10' : 'v12-mt-18'">
|
||||
<view class="pro-img-wrap ">
|
||||
<image :src="product.image" class="pro-cover-image" mode="widthFix|heightFix" />
|
||||
</view>
|
||||
<image :src="item.cover" class="cover-image" mode="widthFix|heightFix" />
|
||||
<view class="message-text">{{ message || '礼笺轻启,礼藏心意' }}</view>
|
||||
<view class="message-text" :style="{top: currentIndex !== index ? '260rpx' : '220rpx'}">{{ message || '礼笺轻启,礼藏心意' }}</view>
|
||||
</view>
|
||||
<view class="cover-name">{{ item.name }} </view>
|
||||
</view>
|
||||
@@ -104,6 +104,8 @@ export default {
|
||||
margin: auto;
|
||||
border: 10rpx solid #FDF0D3;
|
||||
top: -40px;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.img-wrap{
|
||||
position: relative;
|
||||
@@ -116,7 +118,7 @@ export default {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.cover-swiper{
|
||||
height: 540rpx;
|
||||
height: 620rpx;
|
||||
}
|
||||
.cover-picker {
|
||||
.cover-title {
|
||||
|
||||
@@ -84,7 +84,9 @@ export default {
|
||||
},
|
||||
computed: {
|
||||
isReceive() {
|
||||
return this.card.recipientsNum === this.card.receiveNum
|
||||
const gitfNum = this.card.giftProducts && this.card.giftProducts.length
|
||||
const isReceiveNum = this.card.giftProducts && this.card.giftProducts.filter(e => e.isReceive === 1).length
|
||||
return gitfNum === isReceiveNum
|
||||
},
|
||||
isLogin() {
|
||||
return !!cookie.get('login_status');
|
||||
@@ -243,15 +245,15 @@ export default {
|
||||
.share-btn{
|
||||
width: fit-content;
|
||||
border-radius: 100rpx;
|
||||
font-size: 24rpx;
|
||||
font-size: 32rpx;
|
||||
margin-top: 40rpx;
|
||||
z-index: 999;
|
||||
align-items: center;
|
||||
border: 1rpx solid #C52733 ;
|
||||
margin-left: 10rpx;
|
||||
font-weight: bold;
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
.share-btn::before{
|
||||
border: none;
|
||||
@@ -261,10 +263,12 @@ export default {
|
||||
}
|
||||
.address-btn{
|
||||
width: fit-content;
|
||||
padding: 10rpx 30rpx;
|
||||
padding: 10rpx 40rpx;
|
||||
border-radius: 100rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
/* margin-top: 40rpx; */
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user