Fix:4216 【商城小程序】领取礼包,选择收货地址时,增加一个选中样式
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user