|
@@ -18,9 +18,9 @@
|
|
|
</view>
|
|
|
<view class="line"></view>
|
|
|
<view class="item-option">
|
|
|
- <view class="_left">
|
|
|
- <label class="item-radio" @click.stop="handleSetDefault(item.addrId)">
|
|
|
- <radio class="radio" color="#fa2209" :checked="item.addrId == defaultId"></radio>
|
|
|
+ <view class="_left" @click.stop="handleSetDefault(item.addrId)">
|
|
|
+ <label class="item-radio">
|
|
|
+ <view :class="item.addrId == defaultId? 'radioon' : 'radiooff' ">√</view>
|
|
|
<text class="text">{{ item.addrId == defaultId ? '默认' : '选择' }}</text>
|
|
|
</label>
|
|
|
</view>
|
|
@@ -218,13 +218,36 @@
|
|
|
// 单选框
|
|
|
.item-radio {
|
|
|
font-size: 28rpx;
|
|
|
-
|
|
|
- .radio {
|
|
|
+
|
|
|
+ .radiooff {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ height: 35rpx;
|
|
|
+ width: 35rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ border:1px solid #888;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 38rpx;
|
|
|
+ }
|
|
|
+ .radioon {
|
|
|
+ display: inline-block;
|
|
|
vertical-align: middle;
|
|
|
- transform: scale(0.76)
|
|
|
+ height: 35rpx;
|
|
|
+ width: 35rpx;
|
|
|
+ background-color: red;
|
|
|
+ border-radius: 50%;
|
|
|
+ border: red;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 38rpx;
|
|
|
}
|
|
|
|
|
|
.text {
|
|
|
+ padding-left: 20rpx;
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
}
|