Fix:【商城小程序】商品详情页--优惠券图片被压缩,改为自适应高度

This commit is contained in:
modendeveloper
2024-09-12 23:57:24 +08:00
parent d06666ec9d
commit 94405b6de9
+4 -3
View File
@@ -4,6 +4,7 @@
<image <image
:src="data.image" :src="data.image"
class="coupons__cover" class="coupons__cover"
mode="widthFix"
/> />
<view @click="selectCoupon" class="check-radio" :class="{'v12-primary': data.checked}"> <view @click="selectCoupon" class="check-radio" :class="{'v12-primary': data.checked}">
<radio <radio
@@ -122,14 +123,14 @@ export default {
.coupons__cover { .coupons__cover {
width: 600rpx; width: 600rpx;
height: 160rpx; height: 200rpx;
border-radius: 20rpx; border-radius: 20rpx;
} }
.coupons__section { .coupons__section {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 18rpx 20rpx 16rpx 16rpx; padding: 18rpx 20rpx 16rpx 50rpx;
font-size: 32rpx; font-size: 32rpx;
line-height: 1; line-height: 1;
@@ -159,7 +160,7 @@ export default {
} }
.coupons__rules { .coupons__rules {
padding: 0 20rpx 20rpx 16rpx; padding: 0 20rpx 20rpx 50rpx;
.coupons__rules-title { .coupons__rules-title {
color: #999999; color: #999999;