6.3

components/mine/address-block/address-item.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="address">
-		<radio-group @change="changeDefault">
+		<u-radio-group v-model="current" @change="changeDefault" size="29" active-color="#FF780F">
 			<view v-for="(item, index) in addressList" :key="index" class="address-item">
 				<view class="item-top">
 					<view class="user-info">
@@ -11,10 +11,15 @@
 				</view>
 				<view class="item-bottom">
 					<view class="item-default">
-						<radio :value="item" :checked="index === current" color="#FF770F" class="radio-class" />
-						<view :class="[item == current ? 'radio-default' : 'radio-others']">
-							{{ item == current ? '已设为默认' : '设为默认' }}
-						</view>
+						<u-radio 
+							:name="item" 
+							shape="circle"
+							label-size="22" 
+						>
+							<view :class="[item == current ? 'radio-default' : 'radio-others']">
+								{{ item == current ? '已设为默认' : '设为默认' }}
+							</view>
+						</u-radio>
 					</view>
 					<view class="address-operate">
 						<view>
@@ -28,8 +33,8 @@
 					</view>
 				</view>
 			</view>
-		</radio-group>
-		<view class="address-btn">添加地址</view>
+		</u-radio-group>
+		<view class="address-btn" @click="addAddress">添加地址</view>
 	</view>
 </template>
 <script>
@@ -52,9 +57,14 @@ export default {
 				url: '/pageE/mine/EditAddress'
 			});
 		},
+		addAddress() {
+			uni.navigateTo({
+				url: '/pageE/mine/AddAddress'
+			});
+		},
 		changeDefault(event) {
 			console.log(event)
-			this.current = event.detail.value
+			// this.current = event
 		}
 	},
 }
@@ -62,6 +72,9 @@ export default {
 <style lang="scss" scoped>
 .address {
 	padding-top: 1rpx;
+	.u-radio-group {
+		display: block;
+	}
 	.address-item {
 		background-color: #ffffff;
 		margin-bottom: 20rpx;
@@ -102,19 +115,12 @@ export default {
 		.item-bottom {
 			padding-top: 30rpx;
 			display: flex;
+			align-items: center;
 			justify-content: space-between;
 			.item-default {
 				display: flex;
 				align-items: center;
 				font-size: 22rpx;
-				/deep/ .radio-class {
-					.uni-radio-wrapper {
-						.uni-radio-input {
-							width: 29rpx !important;
-							height: 29rpx !important;
-						}
-					}
-				}
 				.radio-default {
 					color: rgba(255,119,15,1);
 				}