Jelajahi Sumber

我的地址单选框切换修改

DELL 3 tahun lalu
induk
melakukan
05623d9f72
1 mengubah file dengan 29 tambahan dan 6 penghapusan
  1. 29 6
      src/packageOperate/address/index.vue

+ 29 - 6
src/packageOperate/address/index.vue

@@ -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;
 			}
 		}