Fix:4216 【商城小程序】领取礼包,选择收货地址时,增加一个选中样式

This commit is contained in:
LinCyJang
2026-01-15 00:12:20 +08:00
parent b6159d03ab
commit 557fd0dfe3
+20 -3
View File
@@ -19,6 +19,12 @@
class="address-item"
:class="{'active': item.id == activeIndex}"
>
<view
v-if="item.id == activeIndex"
class="selected-flag"
>
<u-icon name="checkbox-mark" color="#ffffff" size="12"></u-icon>
</view>
<view class="address-wrap" @click="handleSelect(item)">
<view class="v12-font-28 v12-font-bold text">
收货地址
@@ -130,6 +136,7 @@ export default {
.address-item {
padding: 20rpx;
position: relative;
}
.info {
@@ -169,7 +176,17 @@ export default {
padding: 20rpx 0;
}
.active{
background-color: #F5F5F5;
border-radius: 10rpx;
background-color: #FFF5F5;
border-radius: 16rpx;
border: 2rpx solid #C52733;
}
</style>
.selected-flag{
position: absolute;
top: 0;
right: 0;
padding: 6rpx 10rpx 6rpx 14rpx;
border-radius: 0 16rpx 0 16rpx;
background-color: #C52733;
z-index: 9;
}
</style>