From a876bc509e469ff19ed5e919561853ae298dbe68 Mon Sep 17 00:00:00 2001
From: jinna <jn517618@163.com>
Date: Tue, 22 Aug 2023 09:07:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B9=A6=E5=86=99=E6=94=B6=E8=B4=A7=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=80=E5=88=97=E8=A1=A8=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/pages_zhentou/myPage/address.vue | 183 +++++++++++++++++++++----
 static/image/edit.png                  | Bin 0 -> 758 bytes
 2 files changed, 157 insertions(+), 26 deletions(-)
 create mode 100644 static/image/edit.png

diff --git a/pages/pages_zhentou/myPage/address.vue b/pages/pages_zhentou/myPage/address.vue
index e44a23a..16ad326 100644
--- a/pages/pages_zhentou/myPage/address.vue
+++ b/pages/pages_zhentou/myPage/address.vue
@@ -1,25 +1,38 @@
 <template>
 	<view class="add_box">
-		<view class="address_box" v-for="item in addressData" :key="item.name">
-			<view class="address_item">
-				<view class="top">
-					<span>{{item.name}}</span>
-					<span>{{item.phone}}</span>
-					<span v-if="item.status == 0">默认</span>
-					<span>{{item.label}}</span>
-				</view>
-				<view class="bottom">
-					<view class="left_bot">
-						{{item.address}}
+		<view class="address_box" >
+			<view class="address_item" v-for="item in addressData" :key="item.name">
+				<view class="top_box">
+					<view class="top_item">
+						<view class="top">
+							<span class="name_txt">{{item.name}}</span>
+							<span class="phone_txt">{{item.phone}}</span>
+						</view>
+						<view class="bottom">
+							{{item.address}}
+						</view>
 					</view>
-					<view class="right_bot">
-
+					<view class="edit_box">
+						<view class="img_box">
+							<image class="img" src="../../../static/image/edit.png" mode=""></image>
+						</view>
 					</view>
 				</view>
+				<view class="bottom_item">
+					<view v-if="item.status == 0" class="no_checked"></view>
+					<view  v-if="item.status == 1" class="checked">
+						<p class="item"></p>
+					</view>
+					<p class="no_default"  v-if="item.status == 0">设为默认</p>
+					<p  v-if="item.status == 1" class="default_txt">默认地址</p>
+				</view>
 			</view>
 		</view>
-		<uni-load-more iconType="circle" :status="status" @clickLoadMore="loadMore"
-			:content-text="contentText"></uni-load-more>
+		<view class="btn_box">
+			<p class="btn">添加新地址</p>
+		</view>
+		<!-- <uni-load-more iconType="circle" :status="status" @clickLoadMore="loadMore"
+			:content-text="contentText"></uni-load-more> -->
 	</view>
 </template>
 
@@ -27,7 +40,10 @@
 	export default {
 		data() {
 			return {
-				addressData: [],
+				addressData: [
+					{name:'张三',phone:'15612345678',address:'山东省青岛市市北区大港街道大港三路8号铁路住宅小区6号楼6单元666室',status:1},
+					{name:'张三',phone:'15612345678',address:'山东省青岛市市北区大港街道大港三路8号铁路住宅小区6号楼6单元666室',status:0},
+				],
 				current: 0,
 				size: 10,
 				hasMore: true,
@@ -86,25 +102,140 @@
 <style lang="scss" scoped>
 	.add_box {
 		width: 100%;
-		background: #fff;
+		height: 100%;
 
 		.address_box {
-			width: 95%;
+			height: 82%;
+			width: 690rpx;
+			background: #FFFFFF;
+			border-radius: 30rpx 30rpx 30rpx 30rpx;
 			margin: 0 auto;
-			margin-top: 40rpx;
+			margin-top: 30rpx;
 
 			.address_item {
 				width: 100%;
-				height: 200rpx;
-				border-bottom: 2rpx solid #ccc;
-
-				.bottom {
+				height: 255rpx;
+				border-bottom: 1rpx solid #F2F2F2;
+				display: flex;
+				flex-direction: column;
+				
+				.bottom_item{
 					width: 100%;
-
-					.left_bot {
-						width: 90%;
+					height: 25%;
+					display: flex;
+					align-items: center;
+					.no_checked{
+						width: 28rpx;
+						height: 28rpx;
+						background: #FFFFFF;
+						border: 1rpx solid #666666;
+						border-radius: 50%;
+						margin: 0 30rpx;
+					}
+					
+					.checked{
+						width: 28rpx;
+						height: 28rpx;
+						background: #FFFFFF;
+						border: 1rpx solid #D73232;
+						border-radius: 50%;
+						margin: 0 30rpx;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						
+						.item{
+							width: 16rpx;
+							height: 16rpx;
+							background: #D73232;
+							border-radius: 50%;
+						}
+					}
+					
+					.default_txt{
+						font-size: 22rpx;
+						color: #D73232;
+					}
+					.no_default{
+						color: #B8B8B8;
+						font-size: 22rpx;
 					}
 				}
+				
+				.top_box{
+					width: 100%;
+					height: 75%;
+					display: flex;
+					.top_item{
+						width: 85%;
+						margin-left: 30rpx;
+						.top{
+							margin-top: 30rpx;
+							display: flex;
+							height: 40rpx;
+							align-items: flex-end;
+							
+							.name_txt{
+								font-size: 28rpx;
+								color: #333;
+								font-weight: bold;
+							}
+							
+							.phone_txt{
+								font-size: 22rpx;
+								color: #999;
+								margin-left: 20rpx;
+							}
+						}
+						
+						.bottom {
+							width: 484rpx;
+							height: 74rpx;
+							font-size: 26rpx;
+							color: #333;
+							margin-top: 20rpx;
+							line-height: 40rpx;
+						}
+					}
+				}
+				.edit_box{
+					height: 100%;
+					display: flex;
+					align-items: center;
+					
+					.img_box{
+						width: 44rpx;
+						height: 44rpx;
+					}
+					
+					.img{
+						width: 100%;
+						height: 100%;
+					}
+				}
+				
+			}
+		}
+		.btn_box{
+			width: 100%;
+			height: 150rpx;
+			background: #FFFFFF;
+			position: fixed;
+			bottom: 0;
+			display: flex;
+			justify-content: center;
+			
+			.btn{
+				width: 690rpx;
+				height: 78rpx;
+				background: #D73232;
+				border-radius: 20rpx 20rpx 20rpx 20rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				color: #fff;
+				font-size: 28rpx;
+				margin-top: 30rpx;
 			}
 		}
 	}
diff --git a/static/image/edit.png b/static/image/edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..466dcae368ea2d43028ef5cd1c14cb9b3577f280
GIT binary patch
literal 758
zcmV<S0tx+zP)<h;3K|Lk000e1NJLTq001li001lq1^@s69)wx}00001b5ch_0Itp)
z=>Px%ut`KgR9Hvtmp^C}Q4q$zdD%Pcw6M_1MhT=5Q8a~31VvJqKoGR@F1dY&Ac$aV
zCn%_mg~hxRt<FGHL{JO}1`Jq>h=QgNm4HOf;tD;oJM!cfj$nLm@6X1-ZaZ(j_v72y
znOVXnduWsKA_pGy8_ONe9bV%=UJ`jpbXyWy>zyKUi-;!Ex+o&=j4>mfdDUulZxlrb
zlu`@KyyUCtUBg=Ic>u=%d=QbZz8BbYMD&)K&m}ow7)}w<EPw#Os)(F2#ys%ROat5k
z@Ve1xjLyx?MLyzxJJSKX5=GJ3p`oEG0CoeIWacL>U2otp3|EQhDKnpNiLMv#bXG);
z8e^W9N~ImeV)2!T{4mDsb7^M=oWP1mlZdtfc;9NZ#*|W9gCJOJ1Mm4SfIG_oz?g_k
z5Ybf&4Zy;02XK;^A8k1BT3BYbkO;%@4iS~?M;FKO=~}IJ-v#^U1NJ%8z94lCuLnCl
zJv|%*!Gd)*4eUUH2LYQ3SZgf+9y9ZV>#d}PtyC&@AbmH+Tykmmy(H4YT0pJ!CjcwV
zygyUmZeTYIxLeo_0j^Xkqe`ilb~lLQc&t{d*$x2TZjgCNgkgA%h%VZm3gBbM1oLWL
znFDLB-`J5WA~%#$_bhZW!F>8`roipxWm!Zn1DGYE>i~|YnP8a$Ypu@!xGN$*iD*l^
zEq#gO_=4}a%^J80z`ANTu4hCvpX>{+o|?on1@?vd*SQ?H-Q4Xj(jqe->4&Qw8cJ*Z
zO+=QAF^62*-n)d>+75=pB66FEKD&f{<05j9h{gfjWajg(Ja6D~xja%R6dnQ?c8PWo
zf6;6<r|R{3!<Fj|oCwX#%<PJyD0SX?AjM+w7c(!rK$CdiF7~~!*K;{=uMWEMbBA3H
o^%~C|?$tq8e(tc#p<d&^0qpSIJRLHsfdBvi07*qoM6N<$f(&$7iU0rr

literal 0
HcmV?d00001