9.24

gasStation-uni/pagesHome/Address/Address.vue

@@ -7,24 +7,35 @@
 				<view class="my-icons"></view>
 			</view>
 			<!-- 顶部区域 -->
-			<view class="box-xianze" v-for="(item,index) in dataList" :key="index">
+			<view class="box-xianze" v-for="(item,index) in 3" :key="index">
-				<view class="box-left" @click="choose(item)">
+				<view class="" @click="choose(item)">
 					<view style="display: flex;align-items: center;margin-bottom: 5px;">
-						<view v-if="item.ifDefault == 1" class="tapl">默认</view>
+						<view class="">{{item.address || '小王'}}</view>
-						<view class="">{{item.address}}</view>
+						<view style="margin: 0 10px;"> {{item.name || '先生'}}</view>
-					</view>
+						<view class=""> {{item.mobile || '15426886361'}}</view>
-					<view style="display: flex;align-items: center; font-size: 14px; color: #666666;">
-						<view class=""> {{item.name}}</view>
-						<view class=""> {{item.mobile}}</view>
 					</view>
 				</view>
-				<view class="box-right" @click="goedit(item)">
+				<view class="box-xia">
-					<u-icon name="edit-pen-fill" size="22"></u-icon>
+					<view class="box-left">
+						<u-checkbox v-model="checked" shape="circle" label="默认信息"></u-checkbox>
+					</view>
+					<view class="box-right">
+						<view style="display: flex;" @click="goedit(item)">
+							<u-icon name="edit-pen-fill" size="12"></u-icon>
+							<view style="margin-left: 5px;">编辑</view>
+						</view>
+						
+						<view style="display: flex;">
+							<u-icon name="trash" size="12"></u-icon>
+							<view style="margin-left: 5px;">删除</view>
+						</view>
+						
+					</view>
 				</view>
 			</view>
 
 			<view class="bottom-anniu" @click="goedit()">
-				<view class="">新增收货地址</view>
+				<view class="">新增预留信息</view>
 			</view>
 
 		</view>
@@ -40,7 +51,7 @@
 			return {
 				title: '',
 				dataList: '',
-
+				checked: false,
 			}
 		},
 		onShow() {
@@ -122,18 +133,18 @@
 
 	.bottom-anniu {
 		width: 90%;
-		height: 50px;
+		height: 40px;
 		display: flex;
 		align-items: center;
-		background: #1678ff;
+		background: #FF9655;
 		color: white;
 		justify-content: center;
 		position: fixed;
-		bottom: 15px;
+		bottom: 40px;
 		left: 50%;
 
 		transform: translateX(-50%);
-		border-radius: 8px;
+		border-radius: 50px;
 
 	}
 
@@ -143,20 +154,17 @@
 		margin: 10px auto;
 		padding: 10px;
 		box-sizing: border-box;
-		display: flex;
-		justify-content: space-between;
 	}
 
-	.box-left {
+	.box-left {}
-		width: 85%;
-	}
 
 	.box-right {
-		width: 15px;
+		width: 30%;
 		display: flex;
 		align-items: center;
-		justify-content: center;
+		justify-content: space-between;
-
+		font-size: 14px;
+		color: #333333;
 	}
 
 	.tapl {
@@ -170,4 +178,10 @@
 		border: 1px solid #1678ff;
 		font-size: 14px;
 	}
+
+	.box-xia {
+		display: flex;
+		justify-content: space-between;
+		margin-top: 20px;
+	}
 </style>

gasStation-uni/pagesHome/editress/editress.vue

@@ -3,34 +3,40 @@
 		<view class="container">
 			<view class="my-header">
 				<view class="my-icons" @click="goback"> <uni-icons type="left" size="16"></uni-icons> </view>
-				<view class="my-text">收获信息</view>
+				<view class="my-text">编辑预留信息</view>
 				<view class="my-icons"></view>
 			</view>
 			<view class="box-gang">
-				<view class="g-name">联系人</view>
+				<view class="g-name">姓名</view>
-				<input type="text" placeholder="请填写收货人" v-model='dataForm.name' />
+				<input type="text" placeholder="请输入联系人姓名" style="text-align: right;" v-model='dataForm.name' />
 			</view>
 			<view class="box-gang">
-				<view class="g-name">手机号</view>
+				<view class="g-name">性别</view>
-				<input type="text" placeholder="请填写手机号" v-model='dataForm.mobile' />
+				<view >
+					<u-radio-group v-model="dataForm.sex" >
+						<u-radio label="0">先生</u-radio>
+						<u-radio label="1">女士</u-radio>
+					</u-radio-group>
+				</view>
+				
 			</view>
 			<view class="box-gang">
+				<view class="g-name">电话</view>
+				<input type="text" placeholder="请输入联系人手机号码" style="text-align: right;" v-model='dataForm.mobile' />
+			</view>
+			<!-- <view class="box-gang">
 				<view class="g-name">所在地区</view>
 				<input type="text" placeholder="请填写所在地区" v-model='dataForm.address' />
 			</view>
 			<view class="box-gang">
 				<view class="g-name">详细地区</view>
 				<input type="text" placeholder="请填写详细地区" v-model='dataForm.fullAddress' />
-			</view>
+			</view> -->
-			<view class="box-gang-bt">
-				<view class="g-name">默认地址</view>
-				<u-switch v-model="value" @change="change"></u-switch>
-			</view>
 
 			<!-- 顶部区域 -->
 
 			<view class="bottom-anniu" @click="goedit()">
-				<view class="">提交</view>
+				<view class="">保存</view>
 			</view>
 		</view>
 	</view>
@@ -132,7 +138,7 @@
 		width: 100%;
 		height: 100vh;
 		box-sizing: border-box;
-		padding-top: 88px;
+		padding-top: 89px;
 	}
 
 	.my-header {
@@ -164,7 +170,7 @@
 		display: flex;
 		align-items: center;
 		border-bottom: 1px solid #f4f5f6;
-
+		justify-content: space-between;
 	}
 
 	.g-name {
@@ -189,16 +195,18 @@
 	}
 
 	.bottom-anniu {
-		width: 90%;
+		width: 84%;
-		height: 50px;
+		height: 40px;
 		display: flex;
 		align-items: center;
-		background: #1678ff;
+		background: #FF9655;
 		color: white;
 		justify-content: center;
-		bottom: 15px;
+		position: fixed;
-		margin: 20px auto;
+		bottom: 40px;
-		border-radius: 8px;
+		left: 50%;
+		transform: translateX(-50%);
+		border-radius: 50px;
 
 	}
 </style>