From f706ea8f5ac1241cf4271b9ed6a6138b6f424e56 Mon Sep 17 00:00:00 2001
From: ltlzx <942659938@qq.com>
Date: Sat, 11 Jun 2022 17:55:36 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=A1=AE=E8=AE=A4=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/common.scss           |  10 +
 pages.json                   |   7 +
 pages/account/myOrders.vue   |  53 ++--
 pages/index/index.vue        |   6 +-
 pages/login/verifyEmail.vue  |  10 -
 pages/order/confirmation.vue | 451 +++++++++++++++++++++++++++++++++++
 static/img/address.png       | Bin 0 -> 1898 bytes
 static/img/address_xian.png  | Bin 0 -> 5249 bytes
 static/img/close1.png        | Bin 0 -> 990 bytes
 9 files changed, 499 insertions(+), 38 deletions(-)
 create mode 100644 pages/order/confirmation.vue
 create mode 100644 static/img/address.png
 create mode 100644 static/img/address_xian.png
 create mode 100644 static/img/close1.png

diff --git a/common/common.scss b/common/common.scss
index 439b3a9..16e6fd2 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -1,3 +1,13 @@
+.mask{
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	background-color: black;
+	opacity: 0.5;
+	z-index: 998;
+	top: 0;
+	left: 0;
+}
 .wishlist_body{
 	position: relative;
 	
diff --git a/pages.json b/pages.json
index de24f83..f35b945 100644
--- a/pages.json
+++ b/pages.json
@@ -91,6 +91,13 @@
 				"navigationBarTitleText": "My orders",
 				"navigationBarBackgroundColor":"#FFFFFF"
 			}
+		},
+		{
+			"path": "pages/order/confirmation",
+			"style": {
+				"navigationBarTitleText": "0rder Confirmation",
+				"navigationBarBackgroundColor":"#FFFFFF"
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/pages/account/myOrders.vue b/pages/account/myOrders.vue
index e0267b7..0fc0c15 100644
--- a/pages/account/myOrders.vue
+++ b/pages/account/myOrders.vue
@@ -7,35 +7,38 @@
 		</view>
 		<view class="body">
 			<template v-if="isList==true && scroll_active==0">
-				<view class="order">
-					<view class="order_title">
-						<text>Waiting for payment</text>
-						<view class="order_title_right">
-							<text>order#20245512141212</text>
-							<image src="../../static/img/right.png" mode=""></image>
-						</view>
-					</view>
-					<view class="order_content">
-						<view class="good_info">
-							<view class="good_info_left">
-								<view class="good_info_image" v-for="(item,index) in 4" :key="index"></view>
-							</view>
-							<view class="good_info_right">
-								<text>4 ltems</text>
+				<navigator url="/pages/order/confirmation">
+					<view class="order">
+						<view class="order_title">
+							<text>Waiting for payment</text>
+							<view class="order_title_right">
+								<text>order#20245512141212</text>
 								<image src="../../static/img/right.png" mode=""></image>
 							</view>
 						</view>
-						<view class="good_price">total:US$12.5</view>
-						<view class="good_points">
-							<image src="/static/img/gantan1.png" mode=""></image>
-							<text>Reward 10 points</text>
-						</view>
-						<view class="order_button">
-							<button class="cancel">CANCEL ORDER</button>
-							<button class="pay">PAY NOW</button>
+						<view class="order_content">
+							<view class="good_info">
+								<view class="good_info_left">
+									<view class="good_info_image" v-for="(item,index) in 4" :key="index"></view>
+								</view>
+								<view class="good_info_right">
+									<text>4 ltems</text>
+									<image src="../../static/img/right.png" mode=""></image>
+								</view>
+							</view>
+							<view class="good_price">total:US$12.5</view>
+							<view class="good_points">
+								<image src="/static/img/gantan1.png" mode=""></image>
+								<text>Reward 10 points</text>
+							</view>
+							<view class="order_button">
+								<button class="cancel">CANCEL ORDER</button>
+								<button class="pay">PAY NOW</button>
+							</view>
 						</view>
 					</view>
-				</view>
+				</navigator>
+				
 				
 				<view class="order">
 					<view class="order_title">
@@ -291,7 +294,7 @@
 			return {
 				scrollList:[{text:'All'},{text:'Unpaid'},{text:'Processing'},{text:'Shipped'},{text:'Returns'},{text:'Completed'},{text:'Closed'}],
 				scroll_active:0,
-				isList:false
+				isList:true
 			}
 		},
 		methods:{
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 10ffe8d..feefe8c 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -96,7 +96,7 @@
 		
 		<!-- 标题 -->
 		<view class="index_title page_padding">
-			<text>HOT Selle</text>
+			<text>Hot Selle</text>
 			<view class="title_right">
 				<img src="/static/img/right.png" alt="">
 			</view>
@@ -117,7 +117,7 @@
 		
 		<!-- 标题 -->
 		<view class="index_title page_padding">
-			<text>HOT Selle</text>
+			<text>Hot Selle</text>
 			<view class="title_right">
 				<img src="/static/img/right.png" alt="">
 			</view>
@@ -132,7 +132,7 @@
 		
 		<!-- 标题 -->
 		<view class="index_title page_padding">
-			<text>HOT Selle</text>
+			<text>Hot Selle</text>
 			<view class="title_right">
 				<img src="/static/img/right.png" alt="">
 			</view>
diff --git a/pages/login/verifyEmail.vue b/pages/login/verifyEmail.vue
index 7b68de8..de08059 100644
--- a/pages/login/verifyEmail.vue
+++ b/pages/login/verifyEmail.vue
@@ -57,16 +57,6 @@
 		text-align: center;
 		font-weight: bold;
 	}
-	.mask{
-		position: fixed;
-		width: 100%;
-		height: 100%;
-		background-color: black;
-		opacity: 0.5;
-		z-index: 998;
-		top: 0;
-		left: 0;
-	}
 	.verify_popup{
 		width: 540rpx;
 		height: 366.67rpx;
diff --git a/pages/order/confirmation.vue b/pages/order/confirmation.vue
new file mode 100644
index 0000000..8499bbb
--- /dev/null
+++ b/pages/order/confirmation.vue
@@ -0,0 +1,451 @@
+<template>
+	<view>
+		<view class="address">
+			<view class="address_left">
+				<view class="address_title">
+					<image src="../../static/img/address.png" mode=""></image>
+					<view class="address_title_name">Nathanael</view>
+					<text>5838590290</text>
+				</view>
+				<view class="address_content">
+					B Oakdale Mall
+					Johnson City NEW YORKUnitedStates13790-1294
+				</view>
+			</view>
+			<image src="../../static/img/right.png" class="address_more"></image>
+			<image src="../../static/img/address_xian.png" class="address_xian" mode=""></image>
+		</view>
+		
+		<view class="order_info">
+			<view class="info_title">
+				<text>Items in cart</text>
+				<view class="info_title_right">
+					<text>4 ltems</text>
+					<image src="../../static/img/right.png" mode="" class="address_more"></image>
+				</view>
+			</view>
+			<view class="info_image">
+				<view class="info_image_item" v-for="(item,index) in 4 " :key="index"></view>
+			</view>
+		</view>
+		
+		<view class="method">
+			<view class="method_title">Shipping Method</view>
+			<view class="method_item" v-for="(item,index) in 2 " :key="index">
+				<image src="../../static/img/select2.png" mode=""></image>
+				<view class="method_item_right">
+					<view class="item_price">
+						<text>STANDARD SHIPPING:</text>
+						<text class="item_price_span">US$59</text>
+					</view>
+					<view class="item_time">
+						<text class="item_time_span">estimated to be deliverd on </text>
+						<text> 15/05/2022-04/05/2022</text>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<view class="discount">
+			<view class="discount_item">
+				<text>Coupons</text>
+				<view class="discount_item_right">
+					<text>-US$12.5</text>
+					<image src="../../static/img/right.png" mode="" class="address_more"></image>
+				</view>
+			</view>
+			<view class="discount_item">
+				<view class="discount_item_left">
+					<text>Points</text>
+					<text class="discount_item_left_span">(2.5)</text>
+				</view>
+				<view class="discount_item_right">
+					<text>-US$2.5</text>
+					<image src="../../static/img/right.png" mode="" class="address_more"></image>
+				</view>
+			</view>
+		</view>
+		
+		<view class="settlement">
+			<view class="settlement_item">
+				<text>Subtotal:</text>
+				<text class="settlement_item_right">US$12.5</text>
+			</view>
+			<view class="settlement_item">
+				<text>Shipping fee:</text>
+				<text class="settlement_item_right">US$1.5</text>
+			</view>
+			<view class="settlement_item">
+				<text>Discount :</text>
+				<text class="settlement_item_right1">US$1.5</text>
+			</view>
+		</view>
+		
+		<view class="total">
+			<text>Total: US$314.00</text>
+			<button>PLACE ORDER</button>
+		</view>
+		
+		<view class="mask" v-show="isShow"></view>
+		<view class="order_popup" v-show="isShow">
+			<view class="order_popup_title">
+				<text>Commodity information</text>
+				<image src="../../static/img/close1.png" mode=""></image>
+			</view>
+			<view class="order_popup_commodity">
+				
+				<view class="good_info" v-for="(item,index) in 3 " :key="index">
+					<view class="good_info_left ">
+						<view class="good_info_image" v-for="(item,index) in 1" :key="index"></view>
+						<view class="left_info">
+							<view class="info_name">Adidas Yeezy Boost 350 V2  DazzlingBlue Black GY7164 Men's</view>
+							<view class="left_info_bottom">
+								<view class="info_lable">
+									<text>Multicolor;41</text>
+									<image src="/static/img/bottom.png" mode=""></image>
+								</view>
+								<text>x1</text>
+							</view>
+							<view class="info_price">US$314.00</view>
+						</view>
+					</view>
+				</view>
+					
+					
+				
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				isShow:false
+			}
+		},
+		methods:{
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	page{
+		border-top:14.67rpx #F6F5FA solid ;
+		padding-bottom: 140rpx;
+	}
+	.address_more{
+		width: 20rpx;
+		height: 20rpx;
+	}
+	.address{
+		padding-top: 33.33rpx;
+		padding-bottom: 36rpx;
+		padding-left: 29.33rpx;
+		padding-right: 22.67rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		border-bottom: 14.67rpx #F6F5FA solid;
+		position: relative;
+		.address_left{
+			
+			.address_title{
+				display: flex;
+				align-items: center;
+				color: #666666;
+				font-size: 24rpx;
+				margin-bottom: 30.67rpx;
+				
+				image{
+					width: 32rpx;
+					height: 32rpx;
+				}
+				.address_title_name{
+					font-size: 28rpx;
+					color: black;
+					font-weight: bold;
+					margin-left: 24rpx;
+					margin-right: 38.67rpx;
+				}
+			}
+			.address_content{
+				padding-left: 56rpx;
+				color: #666666;
+				font-size: 24rpx;
+				font-weight: bold;
+			}
+		}
+			
+		.address_xian{
+			height: 4rpx;
+			width: 100%;
+			position: absolute;
+			left: 0;
+			bottom: 0;
+		}
+	}
+	.order_info{
+		padding-left: 26.67rpx;
+		padding-right: 22.67rpx;
+		padding-top: 50.67rpx;
+		padding-bottom: 42.67rpx;
+		border-bottom:14.67rpx #F6F5FA solid ;
+		.info_title{
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			font-weight: bold;
+			font-size: 26.67rpx;
+			
+			.info_title_right{
+				display: flex;
+				align-items: center;
+				color: #666666;
+				font-size: 24rpx;
+				
+				image{
+					margin-left: 33.33rpx;
+				}
+			}
+		}
+		.info_image{
+			display: flex;
+			margin-top: 26.67rpx;
+			.info_image_item{
+				width: 133.33rpx;
+				height: 133.33rpx;
+				margin-right: 12rpx;
+				background-color: #999999;
+			}
+		}
+	}
+	.method{
+		border-bottom:14.67rpx #F6F5FA solid ;
+		padding-top: 50rpx;
+		
+		.method_title{
+			font-size: 26.67rpx;
+			font-weight: bold;
+			padding-left: 25.33rpx;
+		}
+		.method_item{
+			padding:41.33rpx 0 ;
+			border-bottom: 1px #E2E2E2 solid;
+			padding-left: 42.67rpx;
+			padding-right: 29.33rpx;
+			display: flex;
+			align-items: center;
+			
+			&:last-child{
+				border-bottom: none;
+			}
+			image{
+				width: 29.33rpx;
+				height: 29.33rpx;
+				margin-right: 30.67rpx;
+			}
+			.method_item_right{
+				.item_price{
+					font-size: 28rpx;
+					margin-bottom: 14rpx;
+					.item_price_span{
+						color: #B22234;
+					}
+				}
+				.item_time{
+					font-size: 25.33rpx;
+					font-weight: 400;
+					.item_time_span{
+						color: #555555;
+					}
+				}
+			}
+		}
+	}
+	.discount{
+		border-bottom:14.67rpx #F6F5FA solid ;
+		padding-left: 26rpx;
+		padding-right: 22.67rpx;
+		padding-top: 42rpx;
+		padding-bottom: 45.33rpx;
+		
+		.discount_item{
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			font-size: 28rpx;
+			margin-bottom: 42rpx;
+			&:last-child{
+				margin-bottom: 0;
+			}
+			
+			.discount_item_left{
+				.discount_item_left_span{
+					color: #666666;
+				}
+			}
+			.discount_item_right{
+				display: flex;
+				align-items: center;
+				color: #B22234;
+				font-weight: bold;
+				
+				image{
+					margin-left: 14rpx;
+				}
+			}
+		}
+	}
+	.settlement{
+		border-bottom:14.67rpx #F6F5FA solid ;
+		padding: 44rpx 26rpx;
+		
+		.settlement_item{
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			font-size: 28rpx;
+			margin-bottom: 44rpx;
+			&:last-child{
+				margin-bottom: 0;
+			}
+			.settlement_item_right{
+				color: #3C3B6E;
+				font-weight: bold;
+			}
+			.settlement_item_right1{
+				color: #B22234;
+				font-weight: bold;
+			}
+		}
+	}
+	.total{
+		padding: 30.67rpx 0;
+		padding-left: 26rpx;
+		padding-right: 19.33rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		width: 100%;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		background-color: white;
+		z-index: 99;
+		box-sizing: border-box;
+		font-size: 36rpx;
+		font-weight: 600;
+		
+		button{
+			font-size: 26.67rpx;
+			color: white;
+			height: 73.33rpx;
+			line-height: 73.33rpx;
+			border-radius: 0;
+			border: none;
+			background-color: black;
+			margin: 0;
+		}
+	} 
+	.order_popup{
+		position: fixed;
+		z-index: 999;
+		background-color: white;
+		width: 100%;
+		bottom: 0;
+		
+		.order_popup_title{
+			position: relative;
+			font-size: 32rpx;
+			font-weight: bold;
+			border-bottom: 1px solid #E2E2E2;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			padding-top: 44.67rpx;
+			padding-bottom: 30.67rpx;
+			
+			image{
+				width: 21.33rpx;
+				height: 21.33rpx;
+				position: absolute;
+				right: 26rpx;
+				top: 50%;
+				margin-top: -5.5rpx;
+			}
+			
+		}
+		.order_popup_coupons{
+			padding:0 26.67rpx;
+			padding-top: 28rpx;
+			padding-bottom: 106.67rpx;
+			
+			.coupons_item{
+				
+			}
+		}
+		.order_popup_commodity{
+			padding:0 26rpx;
+			padding-bottom: 40rpx;
+			border-bottom:1px solid #E2E2E2 ;
+			
+			.good_info{
+				padding: 40rpx 0;
+				font-size: 22.67rpx;
+				color: #666666;
+				font-weight: bold;
+				border-bottom: 2.67rpx solid #F1F1F1;
+				&:last-child{
+					border-bottom: none;
+				}
+				.good_info_left{
+					display: flex;
+					align-items: center;
+					width: 100%;
+					.good_info_image{
+						width: 200rpx ;
+						height: 200rpx;
+						background-color: #999999;
+						margin-right: 32.67rpx;
+					}
+					.left_info{
+						
+						.info_name{
+							font-size: 26.67rpx;
+							font-weight: 400;
+							width: 461.33rpx;
+						}
+						.left_info_bottom{
+							display: flex;
+							align-items: center;
+							justify-content: space-between;
+							font-size: 32rpx;
+							color: #909090;
+							margin-top: 24rpx;
+							.info_lable{
+								padding: 5.33rpx 20rpx;
+								font-size: 22.67rpx;
+								border-radius: 33.33rpx;
+								border: 1px solid #D3D3D3;
+								image{
+									width: 17.33rpx;
+									height: 17.33rpx;
+									margin-left: 14.67rpx;
+								}
+							}
+						}
+						.info_price{
+							font-size: 28rpx;
+							color: black;
+							font-weight: bold;
+							margin-top: 43.33rpx;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/static/img/address.png b/static/img/address.png
new file mode 100644
index 0000000000000000000000000000000000000000..1b19239436c988600781a8f3328936433bbb5bee
GIT binary patch
literal 1898
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

literal 0
HcmV?d00001

diff --git a/static/img/address_xian.png b/static/img/address_xian.png
new file mode 100644
index 0000000000000000000000000000000000000000..69694cd99cecae1a209b4e243897bdd9e0b44afc
GIT binary patch
literal 5249
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
Hu0mjfm=p}J

literal 0
HcmV?d00001

diff --git a/static/img/close1.png b/static/img/close1.png
new file mode 100644
index 0000000000000000000000000000000000000000..7552bb3595e6c9d02d51024c86c465a67bcfaaca
GIT binary patch
literal 990
zcmV<410np0P)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP00001b5ch_0Itp)
z=>Px&m`OxIR9HvNnAd7mQ4of|*gG~9MZERaH}DYzFGUm)#TI*sz4w|}5%EG$@dXsb
zOK*G;!QOj}@`YJpv9nLv#}jcNaM*k8HUFA_=AT*V;6JdAz%UzF0DJ@<0>AzNwuQhb
z;ISYk07rr4z*pcTaA}Bv>;kp`BY?|-m?IisUYy=&?DORi02vKz1r7ou!{1Xui~+U-
zJAv`>q7PUK+y#EOiJD;<fN`<s2cRqE#B^XYusd_;f<3@3;7c2TxWD^Ni@n|l^*srM
z&xZ$)GnvC5@!^HPphh3(fDPdzZNDjUuP+DTOSAP9umYGEtKS04fJeahiV>0b^^pUU
z;@daCodDJUs0hMmQ-HO=p$xen8jZ8Sw+cX{cOx((zIh281FitQX`eC>zB7w^fK{2p
z&%h4gYLg&zW+k|nX0luU9!{DEtQLs0K>hF}YKitDHojLUM|8RxIFeCn*`E&pgQ~3&
z2zj)0^Aj17F5r3|((GU++}^ATUPlC^veX)Z@T1A0ZVFg3PiDDEO)l|9&MHVrtpXc<
zsr7fuAkv5X!?6{lsUzmh{gB^vQCTSmtRzowRO(tYkw_bOIyK*uCS|p1Ea$laFjavR
zm;=Wf0q}hl5U!sZ5^qi<dlx^XP5T6#h?1^JK@P4ei1e+QUn|V!MV>zmgV8Do>9`Fn
zDtNdFtZeADu%J~CO0kicS=jGc%qBLyrX{{A2;1?+IISZ<nb~nqhc+|?qzVX2Q_+&|
zvEg04P>Q8TWldFMLM{d#6eYS0brldcBg->U@H|?yt>3DVB1<?$=v9c6rK-x-v}Qp#
z57=3g0~?S^sDsp1otCT`XUAl|bDi|qz)GzV2r2ONhcgP~{2H*W#-0LRldV^{1m+A;
zI>k2v;p{05Nr()wIiRCjX2%tve<??dh*SxFP_oto;e=&NP7{$z=#0=^uNeh0LF?4{
zqezVuHk>CcLp!8nxxY2}6o5^vin&idp&1dYNKqTek+K=HGe9`zX*MZOZ(dY2OIcAf
zuhL*-r8sk_xcw0+f)KR}5(T#F)Qp-Eo)VOf`09)FBvVHYM3d{yLAc1%dNoUCE0&g@
zRYOo%@6_!9b07+xQ`-$eScYCq<U8GrOhVhWQ*pb@{8DYLxKuSpw^I<aLSE;GH*ZE}
zu!-32+qu*j4U;oP{7Jf%t7uDNaFr{wx2b`og)ljx`5yq))mvZpAA$wMp&3ToTmS$7
M07*qoM6N<$f?EQ)g#Z8m

literal 0
HcmV?d00001