From 5644c3c0e488f7ca53eb8789cf2f55831424ce28 Mon Sep 17 00:00:00 2001
From: 18631081161 <2088094923@qq.com>
Date: Sun, 22 Jun 2025 16:52:03 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=AD=E4=B9=B0.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                       |   8 ++
 pages/mall/product-detail.vue    | 215 +++++++++++++++++++++++--------
 pages/mall/receiving-address.vue | 128 ++++++++++++++++++
 static/ic_back2.png              | Bin 0 -> 752 bytes
 static/ic_check.png              | Bin 0 -> 1005 bytes
 static/ic_check_s.png            | Bin 0 -> 636 bytes
 static/ic_close.png              | Bin 0 -> 292 bytes
 7 files changed, 297 insertions(+), 54 deletions(-)
 create mode 100644 pages/mall/receiving-address.vue
 create mode 100644 static/ic_back2.png
 create mode 100644 static/ic_check.png
 create mode 100644 static/ic_check_s.png
 create mode 100644 static/ic_close.png

diff --git a/pages.json b/pages.json
index 71db55a..473c9d6 100644
--- a/pages.json
+++ b/pages.json
@@ -93,7 +93,15 @@
 			"style": {
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path" : "pages/mall/receiving-address",
+			"style" : 
+			{
+				"navigationStyle": "custom"
+			}
 		}
+	
 	],
 	// "globalStyle": {
 	// 	"navigationBarTextStyle": "black",
diff --git a/pages/mall/product-detail.vue b/pages/mall/product-detail.vue
index 321e456..e69246b 100644
--- a/pages/mall/product-detail.vue
+++ b/pages/mall/product-detail.vue
@@ -47,7 +47,93 @@
 
 	<uni-popup ref="bayPop" type="bottom">
 
-		<view style="width: 100%; height: 1111.65rpx; background-color: #F7F7F7;">31232</view>
+		<view
+			style="width: 100%; height: 965.65rpx; background-color: #F7F7F7; border-radius: 15.27rpx  15.27rpx  0rpx  0rpx;">
+
+			<view class="" style="width: 688.93rpx; height: 100%; margin: 0 auto;">
+
+				<view class=""
+					style="width: 100%; height: 30rpx; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-top: 44rpx;">
+					<view class="" style="width: 24.81rpx; height: 24.81rpx;"></view>
+					<text style="font-size: 26.72rpx;">确认订单</text>
+					<image src="/static/ic_close.png" style="width: 24.81rpx; height: 24.81rpx;" @click="closePop"
+						mode=""></image>
+				</view>
+
+				<view class=""
+					style="width: 100%; height: 227.1rpx; background-color: white; position: relative; margin-top: 42rpx; border-radius: 15.27rpx;">
+
+					<image src=""
+						style="width: 180.12rpx; height: 180.12rpx; background-color: #D8D8D8; border-radius: 15.27rpx; position: absolute; left: 24.81rpx; top: 24.81rpx;"
+						mode=""></image>
+
+					<text
+						style="font-size: 22.9rpx; position: absolute; left: 238.55rpx; top: 41.98rpx;">新人福利第6弹-小米音箱</text>
+
+					<text
+						style="font-size: 19.08rpx; position: absolute; left: 238.55rpx; top: 91.6rpx; color: #999999;">类型：明信片</text>
+
+					<view class=""
+						style="position: absolute; display: flex; flex-direction: row; left: 238.55rpx; bottom: 44rpx; align-items: center;">
+						<text class=" " style="font-size: 19.08rpx; margin-top: 15rpx; color: #FF6A6A;">￥</text>
+						<text class=" " style="font-size: 41.98rpx; font-weight: bold; color: #FF6A6A;">69</text>
+					</view>
+
+					<text
+						style="position: absolute; right: 24.81rpx; bottom: 41.98rpx; font-size: 19.08rpx; color: #999999;">x1</text>
+
+				</view>
+
+				<view class="" @click="toAddress()"
+					style="width: 100%; height: 82.06rpx; background-color: white; border-radius: 15.27rpx; margin-top: 28.63rpx; display: flex; align-items: center; position: relative;">
+
+					<text style="left: 24.81rpx; font-size: 22.9rpx; position: absolute;">地址管理</text>
+
+					<image src="/static/ic_arrow.png" class="arrow-icon"></image>
+
+				</view>
+
+				<view class=""
+					style="width: 100%; height: 82.06rpx; background-color: white; border-radius: 15.27rpx; margin-top: 28.63rpx; display: flex; align-items: center; position: relative;">
+
+					<text style="left: 24.81rpx; font-size: 22.9rpx; position: absolute;">优惠券</text>
+
+					<text style="right: 45.8rpx; font-size: 19.08rpx; position: absolute; color: #999999;">未选择</text>
+
+					<image src="/static/ic_arrow.png" class="arrow-icon"></image>
+
+				</view>
+
+				<view class=""
+					style="width: 100%; height: 82.06rpx; background-color: #F9F8E1; border-radius: 15.27rpx; margin-top: 28.63rpx; display: flex; align-items: center; position: relative;">
+
+					<text style="left: 24.81rpx; font-size: 22.9rpx; position: absolute;">售前·售后须知</text>
+
+
+					<image src="/static/ic_arrow.png" class="arrow-icon"></image>
+
+				</view>
+
+				<view class=""
+					style="width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 45.8rpx;">
+
+					<image :src="isCheck?'/static/ic_check_s.png':'/static/ic_check.png'" @click="setCheck()"
+						style="width: 24.02rpx; height: 24.02rpx;" mode=""></image>
+
+					<text
+						style="font-size: 19.08rpx; color: #999999; margin-left: 11.45rpx;">我已满18岁，阅读并同意《用户协议》《隐私政策》</text>
+
+				</view>
+
+				<view class=""
+					style="width: 100%; height: 83.97rpx; background-color: #333333; border-radius: 15.27rpx; display: flex; align-items: center; justify-content: center; margin-top: 30.53rpx;">
+					<text style="font-size: 22.9rpx; color: #CDEF27;">确认支付</text>
+				</view>
+
+
+			</view>
+
+		</view>
 	</uni-popup>
 
 
@@ -56,67 +142,88 @@
 </template>
 
 <script>
-export default {
-	data() {
-		return {
-			detailList: [1, 2, 3, 4, 5],
-		}
-	},
-	methods: {
-
-		toBack() {
-			console.log("777777");
-			uni.navigateBack();
+	export default {
+		data() {
+			return {
+				detailList: [1, 2, 3, 4, 5],
+				isCheck: true,
+			}
 		},
+		methods: {
+
+			toBack() {
+				console.log("777777");
+				uni.navigateBack();
+			},
+
+			bayOpen() {
+				this.$refs.bayPop.open();
+			},
+			closePop() {
+				this.$refs.bayPop.close();
+			},
+
+			setCheck() {
+				this.isCheck = !this.isCheck;
+			},
+			
+			toAddress(){
+				uni.navigateTo({
+					url: '/pages/mall/receiving-address'
+				});
+			}
 
-		bayOpen() {
-			this.$refs.bayPop.open();
 		}
-
 	}
-}
 </script>
 
 <style lang="scss">
-.item-price {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	position: absolute;
-	left: 30.53rpx;
-	top: 26.72rpx;
-}
-
-.price-symbol-small {
-	font-size: 19.08rpx;
-	margin-top: 10rpx;
-	color: #FF6A6A;
-}
-
-.price-value-small {
-	font-size: 41.98rpx;
-	font-weight: bold;
-	color: #FF6A6A;
-}
-
-
-.product-count {
-	position: absolute;
-	display: flex;
-	flex-direction: row;
-	right: 30.53rpx;
-	top: 40rpx;
-	align-items: center;
-
-	.count-text {
-		font-size: 15.27rpx;
-		color: #6C6C6C;
+	.item-price {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		position: absolute;
+		left: 30.53rpx;
+		top: 26.72rpx;
 	}
 
-	.box-icon {
-		width: 17.39rpx;
-		height: 17.39rpx;
-		margin-left: 7rpx;
+	.price-symbol-small {
+		font-size: 19.08rpx;
+		margin-top: 10rpx;
+		color: #FF6A6A;
+	}
+
+	.price-value-small {
+		font-size: 41.98rpx;
+		font-weight: bold;
+		color: #FF6A6A;
+	}
+
+
+	.product-count {
+		position: absolute;
+		display: flex;
+		flex-direction: row;
+		right: 30.53rpx;
+		top: 40rpx;
+		align-items: center;
+
+		.count-text {
+			font-size: 15.27rpx;
+			color: #6C6C6C;
+		}
+
+		.box-icon {
+			width: 17.39rpx;
+			height: 17.39rpx;
+			margin-left: 7rpx;
+		}
+	}
+
+	.arrow-icon {
+		width: 10.67rpx;
+		height: 19.66rpx;
+		right: 25rpx;
+		position: absolute;
 	}
-}
 </style>
\ No newline at end of file
diff --git a/pages/mall/receiving-address.vue b/pages/mall/receiving-address.vue
new file mode 100644
index 0000000..e5a73b8
--- /dev/null
+++ b/pages/mall/receiving-address.vue
@@ -0,0 +1,128 @@
+<template>
+	<view class="content">
+
+		<view class="" style="width: 100%; height: 225.19rpx; position: relative; background-color: white;">
+
+			<view class="title">
+				收货地址
+			</view>
+
+			<view class="" @click="toBack()"
+				style="width: 45.8rpx; height: 45.8rpx; position: absolute; left: 30.53rpx; bottom: 35rpx; display: flex; align-items: center; justify-content: center;">
+				<image src="/static/ic_back2.png" style="width: 16.08rpx; height: 27.67rpx;" mode=""></image>
+			</view>
+
+		</view>
+
+		<scroll-view class="" scroll-y="true" style="width: 688.93rpx; margin: 34.44rpx auto; height: 1200rpx;">
+
+			<view class="" v-for="(item,index) in addressList"
+				style="width: 100%; height: 227.1rpx; background-color: white; margin-bottom: 22.9rpx; border-radius: 15.27rpx; position: relative;">
+
+
+				<view class=""
+					style="display: flex; flex-direction: row; position: absolute; left: 32.44rpx; top: 30.53rpx;">
+
+					<text style="font-size: 22.9rpx;">{{item.name}}</text>
+
+					<text style="font-size: 22.9rpx; margin-left: 30.53rpx;">{{item.phoneNum}}</text>
+				</view>
+
+				<text
+					style="font-size: 20.99rpx; color: #575757; position: absolute; left: 32.44rpx; top: 91.6rpx;">{{item.address}}</text>
+
+
+				<view class=""
+					style="display: flex; flex-direction: row; position: absolute; right: 26.72rpx; bottom: 24.81rpx;">
+
+					<view class=""
+						style="width: 61.07rpx; height: 34.45rpx; background-color: #EAE9E9; border-radius: 11.45rpx; display: flex; align-items: center; justify-content: center;">
+						<text style="font-size: 19.08rpx; color: #333333;">删除</text>
+					</view>
+
+					<view class=""
+						style="width: 61.07rpx; height: 34.45rpx; background-color: #EAE9E9; border-radius: 11.45rpx; display: flex; align-items: center; justify-content: center; margin-left: 38.17rpx;">
+						<text style="font-size: 19.08rpx; color: #333333;">修改</text>
+
+					</view>
+				</view>
+			</view>
+
+		</scroll-view>
+
+		<view class="" style="width: 100%; height: 188.94rpx; background-color: white;">
+
+			<view class=""
+				style="width: 688.93rpx; height: 83.97rpx; background-color: #333333; border-radius: 15.27rpx; margin: 20.99rpx auto; display: flex; align-items: center; justify-content: center;">
+				<text style="color: #CDEF27; font-size: 22.9rpx;">新增收货地址</text>
+			</view>
+
+		</view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				addressList: [{
+					name: "苏家辉",
+					phoneNum: "130000000",
+					address: "江苏省徐州市睢宁县"
+				}, {
+					name: "苏家辉",
+					phoneNum: "130000000",
+					address: "江苏省徐州市睢宁县"
+				}, {
+					name: "苏家辉",
+					phoneNum: "130000000",
+					address: "江苏省徐州市睢宁县"
+				}, {
+					name: "苏家辉",
+					phoneNum: "130000000",
+					address: "江苏省徐州市睢宁县"
+				}, {
+					name: "苏家辉",
+					phoneNum: "130000000",
+					address: "江苏省徐州市睢宁县"
+				}, {
+					name: "苏家辉",
+					phoneNum: "130000000",
+					address: "江苏省徐州市睢宁县"
+				}, {
+					name: "苏家辉",
+					phoneNum: "130000000",
+					address: "江苏省徐州市睢宁县"
+				}, ],
+			}
+		},
+		methods: {
+			toBack() {
+				console.log("777777");
+				uni.navigateBack();
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.content {
+		width: 100%;
+		height: 100vh;
+		display: flex;
+		flex-direction: column;
+		background-color: #F7F7F7;
+	}
+
+	.title {
+		width: 100%;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		font-size: 32.44rpx;
+		font-weight: 600;
+		position: absolute;
+		bottom: 38.17rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/static/ic_back2.png b/static/ic_back2.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c3dba0a4d745f3ffab62a45f7458400d5aa03cd
GIT binary patch
literal 752
zcmV<M0uTL(P)<h;3K|Lk000e1NJLTq000sI0015c1^@s6Aq-9|00001b5ch_0Itp)
z=>Px%s!2paR7gv$mCs8RQ546&=Q8tzgqIN{K}e7lk<O1hwx~s$vXn$hioiwr2egf#
z76r9v+cs<|EyPMfP;wCzfjsZ^F~p1D^<&Ww=m+$Q%$lb+@8dohpFU?^bapdyzn?jr
z^F8Mh{!`GuaN673o3h#LFcI}Dr7lV-Z#N8b9H-f`tZ^bbVv-O-h^~e}ot>RqY}=k7
zqJsuf1~4du7)=f8=;&z8WHM7k<Z6gg>bHhSDevj$RG=UT+LTh$M6}yvGOv^xkWx-n
zYn%vjU3ZUVS&sm;8Bqy9pAh0{yips1eBXB&WBRYHM)Vm#j}SuEcDpXf^SnchF<sae
zQ<L`qx}}sa*0apIAkXu<8DsZ}sM&~KM^SV%48u3|e76R~IX?y9E)g}EObSY=?zy?S
z4;z_x70CDfbBwV&0IaInOijKdO~49>bAAE9Eh1t@^u)5PzL}Ys?@5pqA92pF5YhFj
zuar{ScmqO+`81FUh;x3Gh^|!yN~y7hg@wUFq3|ayqyh?p;2VI=M)V56J|RTZ2&4+S
z3E)yJqY)|P5CA=psiRWtAP82$0F0MPrL)CiQ4eOSh<EKW5#5Lte7amNpA5tBXByHf
zAJtkwDfMh=Y3W2hpVxKVFxEIb2!itfhGVA8M^SV<48u>Uon1ZX`~K<W-7`W&8T0O?
znYDNIV0EXTbKXNlV*oa3u~O=-nf~H>u%vx-m@)PcK-P#q649~Q+1cl{u*41N`+gT=
zY!bj$BmT-5>&@kIxi~Blqz}8UyWgza?MD1#adELfpU*$8!cu{ZX?K|mV5brP0&qqM
zF;N+jB!9%eJC3u%w(aTV#kbeI*MqIM#6&|NEp{Adn{C_rLhwvCC#96V4TH4U^Sl<u
i*eDSl05Bwkc<>h&iSHkKJqe5e0000<MNUMnLSTZAcv}Mi

literal 0
HcmV?d00001

diff --git a/static/ic_check.png b/static/ic_check.png
new file mode 100644
index 0000000000000000000000000000000000000000..16c619efea5e314d0b98ff8ed99f3aa2956748fa
GIT binary patch
literal 1005
zcmV<J0}}j+P)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00001b5ch_0Itp)
z=>Px&r%6OXR7gv$mTPESRS?JjbIz_wq(1PGh59I|pcECO)rv(cmPSN{7A^RpJ_s?*
znS1H#2a6~OR}qyU1~z*iOYloYQLz-XqM)cKLKTe)A{8lCs%>-;5k+h_d&Zr(EA2Kf
zlRaP0IrBU7pE)x_SmcW1cm)xyw$`5Ry+4-A<qi)I5B~%}7Gr|uI~2$91;&_d05$_y
z2f(zQ|3yUJFvh&*oO^pdTeE`3#>UR<>FIe?M0Nn^ZW=f$B8Q1+3cv~g=K(mYWn4r)
z0kAU&f{$hco&-wM^fD27orwBG#1qjg0AA|u?tXW0aPaTrjl^-hhKRNhQP>3g#(u=i
zPqs^X0;pUrZ?M+x1#lXGeT~;U=iFBd#h_BDoGKy@iO6FBasXan=KGF^{Rf(unCP3H
zp8gcTIeM^Gs|^>6#iI*B+C04381pKCGraeYhhZ4C_Gds*6q!PyppdmH8#AjMi^`_<
zha^d|3BX%KWC3hq=J)i>3@A<0djRYLaL{{yc^HO&{vS`;&t_Tnh=@D|VA45vwLZE9
zI?w>E25>hszqlNT-Yu0%UHN?eTL7y7+`-IyC`ppFMD!VeADnZ2OO<RE2_Gb)G0j+J
z-bQg8KVgi~Y$-AG1IzWMb-!FLud>#DPei{@O--FkX_~$X;8p-znR$1oK+V`6RQZfC
zYZUY)fGb4gx*!Plbr|$9fb}9WpfTD{M3)fJrOvr;ItfaWMAQ5h5xHGG(*JXf_kLp-
zhVOS0l&0w<fGb60gL?Eb5#8mzzdsDa=Q{;z7J+KB@Sd+AM?@)r-ORkTQ=mAG*BfIr
zM&B{>#WX%XzA~4~9Rl!|h+G&1!Ec>_B}q~uq8%dgY!C!HXDUN0XaGi;`Qhb)nty0N
zfINWyhEiY8fZ{mrH^zJp;FzW(Gk>vEn8v2Jw^#ewZ6dNO2m);v{}xqUS(cSWBovWD
z*4k@FMn;Y-1(s#mGa{m@RBN@`RmEcQ#}h!6N+s{Te+R&gTK9-(^J1D_>oI!2Uayyl
zXgd+9G6T-J4_o`~9rkQ%?H&L(G?U}GuCA`pp`oEa=JPJgvH|b?C=vDRJplK%m$Q>*
zhA4_oDHIAN0Nb0=Y8LJ#BCUxB>h=21I-FQ*SBl8>BBD)F0T2-_qIb>~<2lEzG)>nL
zk?MWZLa}O0OTQA))3sWyJXialcdl!uzBa@y05%fQMLG`v&{^V$h)inhuU4xcL{X%1
bnREREqbG!uGHIfP00000NkvXXu0mjfWZlPE

literal 0
HcmV?d00001

diff --git a/static/ic_check_s.png b/static/ic_check_s.png
new file mode 100644
index 0000000000000000000000000000000000000000..51d7ef81ff9d23aa777322f4bbd926a9a4d566f6
GIT binary patch
literal 636
zcmV-?0)zdDP)<h;3K|Lk000e1NJLTq000;O000^Y1^@s6t-qY}00001b5ch_0Itp)
z=>Px%Hc3Q5R7gv`mcMHgVHn51&*d(;s#PpfL9?h!aR|K0*ullYAS$6C3NBJANLy(A
z10+Zt+B#HJkQVGB#SS9=syYbjAP5bI2SRaisZI)ll;m=k_mMm9H0Ca8E^uakp6}<L
z@AKmgA>ki&($D2`Syfff05}OC2VkEc{~dq{;JM>Ck4@9uY^M_m5JDVK6r~K{A^>%p
zA{_wBQp&Pn7~fiBLjWPfX+=@)1L%+G-Y+TT1;a3&H0S*T5JF56(E<@EF~z-bW|qu6
zWf;b-ApZ}*{c<9D)T?+P=tD|DB_6={e4__j+7;^BHRSfh0~88{MF3;H*wP_qsZyz2
zB6k!uP5aWtw8Z5*wrwAxd_F%;M7QH+yYT~q5)(5uRJRE8(|sWcW}a{XYeZCx3)r8P
zn4YU*V36_IOyS0rNWcphut`J*TLHWFFjN)z`6IlG*~1M?&DOAcFJr?<;m%bZRy7>Q
z%wJtVjfgU>fce!e=sOvA%Q`--|6S%IM;n;DUd4`n;N$xg7H4$W_2`Sk%vM{#*~=D=
zkJxZ*;NGl`^*1VpgoE*GHDvmL53f}$&t)JR?ax^Nh_uM9s5EM!c;1GTz`Lg^hKmlg
zH1PJBhLxLXFn7F_?q+)yb!_s9b9IzP>mXn2)vAVvOCd)iXM~x(CT}~Y$4=Q88MCmq
zlE%vi>8=OP8`H!WE%8(FUyhv*N$y++T}$-AX@Vs8WHv#Pd-R)!Jh8tmU2jqsfxiJW
WKn@@h|M{c<0000<MNUMnLSTYHk{zi4

literal 0
HcmV?d00001

diff --git a/static/ic_close.png b/static/ic_close.png
new file mode 100644
index 0000000000000000000000000000000000000000..76e045a8505e39f42d994ba3d6c857f2a7bee550
GIT binary patch
literal 292
zcmV+<0o(qGP)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00001b5ch_0Itp)
z=>Px#-bqA3R7gwB);kiyAP@%Np96SJp|{Y^*y)V+tjE*?pkz!m$YV)%&=hGx_Jd@1
zK@rgzz#70sYkh#=MMQf58vs{DM7Jlh^6{N>Cu7V`!m`#Ll~UVRth<N2+6}=aumJI)
zJLT`;gC$rhRu4&Gxe1TZQmph<CeU20g!s5$P%Xwmk`Nc;B3Y<})gVPEh4nAKi;-36
z(SH<nhDZU9L%21^f?_MHZCU>XHTiV0>=I9gTndY&HzyEh%#fbHYe6-$tl47PZxeG?
qQtBX|U8CJr-t2JF^0?LH0QmsbY*yw%@b?}70000<MNUMnLSTZ>%za4!

literal 0
HcmV?d00001