From cddb7aa99ccf235219639deba19c7ea638ccbe50 Mon Sep 17 00:00:00 2001
From: shidongli <shidongli>
Date: Fri, 28 Oct 2022 14:05:30 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A2=E5=8D=95=E8=AF=A6=E6=83=85=20?=
 =?UTF-8?q?=E9=80=80=E6=AC=BE=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/orderDetails/orderDetails.vue | 174 ++++++++++++++++++++++++++++
 pages/refundType/refundType.vue     | 169 +++++++++++++++++++++++++++
 static/myrefund.png                 | Bin 0 -> 2163 bytes
 static/refundgoods.png              | Bin 0 -> 2683 bytes
 static/right.png                    | Bin 0 -> 578 bytes
 static/rowsright.png                | Bin 0 -> 638 bytes
 6 files changed, 343 insertions(+)
 create mode 100644 pages/orderDetails/orderDetails.vue
 create mode 100644 pages/refundType/refundType.vue
 create mode 100644 static/myrefund.png
 create mode 100644 static/refundgoods.png
 create mode 100644 static/right.png
 create mode 100644 static/rowsright.png

diff --git a/pages/orderDetails/orderDetails.vue b/pages/orderDetails/orderDetails.vue
new file mode 100644
index 0000000..5d40740
--- /dev/null
+++ b/pages/orderDetails/orderDetails.vue
@@ -0,0 +1,174 @@
+<template>
+	<view class="app">
+		<view class="content">
+			<view class="name">
+				店铺名称
+				<image src="../../static/rowsright.png" mode=""></image>
+			</view>
+			<view class="details">
+				<view class="detailslist">
+					<image src="../../static/shangpingdingdan.png" mode=""></image>
+					<view class="model">
+						<view class="top">
+							<span>酒精棉片 200片</span>
+							<span>￥36.0</span>
+						</view>
+						<view class="bottom">
+							<span class="box">型号：酒精棉片 8盒</span>
+							<span class="box">￥1</span>
+						</view>
+						<view class="refund">
+							申请退款
+						</view>
+					</view>
+				</view>
+				<view class="payinfo">
+					<text class="pay">实付款</text>
+					<text class="price">￥36.0</text>
+				</view>
+
+			</view>
+		</view>
+		<view class="info">
+
+			<span>收货信息：<text>某某某某某某某某某某某某某某某某某某某某某某某某某某某某</text></span>
+			<span>订单编号：<text>1256585698545111</text></span>
+			<span>获得积分：<text>某某某某</text></span>
+			<span>收货信息：<text>30点积分</text></span>
+			<span>付款时间：<text>2022-10-28 11：31：26</text></span>
+			<span>发货时间：<text>2022-10-28 11：31：26</text></span>
+			<span>成交时间：<text>2022-10-28 11：31：26</text></span>
+
+
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+<style lang="scss">
+	.app {
+		height: 100vh;
+		.content {
+			width: 95%;
+			height: 40%;
+			background: #FFFFFF;
+			box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
+			border-radius: 20px;
+			margin: 0 auto;
+			.name {
+				width: 95%;
+				height: 90rpx;
+				font-size: 30rpx;
+				color: #969394;
+				line-height: 90rpx;
+				border-bottom: 1rpx solid #D8D4D4;
+				margin: 0 auto;
+
+				image {
+					width: 15rpx;
+					height: 23rpx;
+					padding-left: 25rpx;
+				}
+			}
+
+			.details {
+				height: 250rpx;
+
+				.detailslist {
+					display: flex;
+
+					image {
+						width: 182rpx;
+						height: 182rpx;
+						margin: 20rpx 0 0 20rpx;
+					}
+					.model {
+						width: 70%;
+						margin: 30rpx 0 0 20rpx;
+						span {
+							font-size: 38rpx;
+							color: #000000;
+						}
+
+						span:nth-child(2) {
+							color: #969394;
+							float: right;
+							margin-right: 30rpx;
+						}
+						.bottom {
+							margin-top: 20rpx;
+						}
+						.box {
+							font-size: 35rpx;
+							color: #969394;
+						}
+						.refund {
+							width: 159rpx;
+							height: 54rpx;
+							line-height: 54rpx;
+							text-align: center;
+							background: #FFFFFF;
+							border: 1px solid #969394;
+							border-radius: 26rpx;
+							font-size: 26rpx;
+							color: #969394;
+							margin: 20rpx 0rpx 20rpx 310rpx;
+						}
+
+					}
+				}
+				.payinfo {
+					width: 95%;
+					margin: 30rpx auto;
+					.pay {
+						font-size: 30rpx;
+						color: #020000;
+					}
+					.price {
+						float: right;
+						font-size: 41rpx;
+						color: #D43953;
+						margin-right: 28rpx;
+					}
+
+				}
+			}
+		}
+		.info {
+			padding-top: 30rpx;
+			height: 50%;
+			background: #FFFFFF;
+			box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
+			width: 95%;
+			margin: 20rpx auto;
+			font-size: 30rpx;
+			color: #020000;
+			span:nth-child(1) {
+				height: 55;
+				line-height: 55rpx;
+				margin-bottom: 40rpx;
+			}
+			span {
+				display: block;
+				height: 65rpx;
+				line-height: 65rpx;
+				margin-left: 20rpx;
+				text {
+					color: #BFBDBE;
+				}
+			}
+
+		}
+	}
+</style>
diff --git a/pages/refundType/refundType.vue b/pages/refundType/refundType.vue
new file mode 100644
index 0000000..a8ba8d0
--- /dev/null
+++ b/pages/refundType/refundType.vue
@@ -0,0 +1,169 @@
+<template>
+	<view class="app">
+		<view class="content">
+			<view class="name">
+				退款商品
+			</view>
+			<view class="details">
+				<view class="detailslist">
+					<image src="../../static/shangpingdingdan.png" mode=""></image>
+					<view class="model">
+						<view class="top">
+							<span>酒精棉片 200片</span>
+							<span>￥36.0</span>
+						</view>
+						<view class="bottom">
+							<span>型号：酒精棉片 8盒</span>
+							<span>×1</span>
+						</view>
+						
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="refundinfo">
+			<view class="refund">
+				选择退款类型
+			</view>
+			<view class="myrefund">
+				<image class="images" src="../../static/myrefund.png" mode=""></image>
+				<view class="refundfo">
+					<view>我要退款(无需退货)</view>
+					<view class="text">没收到货</view>
+				</view>
+				<image class="picture pictures" src="../../static/rowsright.png" mode=""></image>
+			
+			</view>
+			<view class="myrefund">
+				<image class="images" src="../../static/refundgoods.png" mode=""></image>
+				<view class="refundfo">
+					<view>我要退款退货退款</view>
+					<view class="text">已收到货，需要退还收到的获取</view>
+				</view>
+					<image class="picture" src="../../static/rowsright.png" mode=""></image>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+	.app{
+		height: 100vh;
+		.content {
+				width: 95%;
+				hheight: 302rpx;;
+				background: #FFFFFF;
+				box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
+				border-radius: 20px;
+				margin: 0 auto;
+				.name {
+					width: 95%;
+					height: 90rpx;
+					font-size: 30rpx;
+					color: #030303 ;
+					line-height: 90rpx;
+					border-bottom: 1rpx solid #D8D4D4;
+					margin: 0 auto;
+		
+					image {
+						width: 15rpx;
+						height: 23rpx;
+						padding-left: 25rpx;
+					}
+				}		
+				.details {
+					height: 250rpx;
+					.detailslist {
+						display: flex;		
+						image {
+							width: 182rpx;
+							height: 182rpx;
+							margin: 20rpx 0 0 20rpx;
+						}
+						.model {
+							width: 70%;
+							margin: 30rpx 0 0 20rpx;
+							span {
+								font-size: 38rpx;
+								color: #000000;
+							}	
+							span:nth-child(2) {
+								color: #969394;
+								float: right;
+								margin-right: 30rpx;
+							}	
+							.bottom {
+								margin-top: 20rpx;
+								span{
+									font-size: 35rpx;
+									color: #969394;
+								}
+							}
+						}
+					}
+		
+				}
+			}
+			.refundinfo{
+				width: 95%;
+				height: 302rpx;
+				background: #FFFFFF;
+				box-shadow: 0px 9rpx 31rpx 9rpx rgba(0,0,0,0.03);
+				border-radius: 20rpx;
+				margin: 0 auto;
+				margin-top: 20rpx;
+				font-size: 30rpx;
+				color: #030303;
+				.refund{
+					height: 70rpx;
+					line-height: 70rpx;
+						width: 95%;
+						margin: 0 auto;
+					border-bottom: 1px solid #D8D4D4;
+				}
+				.myrefund{
+					display: flex;
+					width: 95%;
+					margin: 20rpx auto;
+					height: 80rpx;
+					// background-color: red;
+					.images{
+					width: 46rpx;
+					height: 42rpx;
+					margin-top: 20rpx;
+					}
+					.picture{
+						width: 18rpx;
+						height: 27rpx;
+						margin-top: 20rpx;
+						position:absolute;
+						right:60rpx;
+					}	
+					.refundfo{
+						font-size: 28rpx;
+						color: #030303;
+						margin-left: 20rpx;
+					}
+					.text{
+						font-size: 20rpx;
+						color: #BAB7B8;
+					}
+				}
+			}
+
+		}
+
+</style>
diff --git a/static/myrefund.png b/static/myrefund.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a86eac6e09511e8803e0b94ac0aa6090ea4d7a6
GIT binary patch
literal 2163
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

literal 0
HcmV?d00001

diff --git a/static/refundgoods.png b/static/refundgoods.png
new file mode 100644
index 0000000000000000000000000000000000000000..303af4a03d5b71329a1dad8652272831012fe1f8
GIT binary patch
literal 2683
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

literal 0
HcmV?d00001

diff --git a/static/right.png b/static/right.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5f8e0a20a79a877d6cc7f3721e350b52e181c40
GIT binary patch
literal 578
zcmV-I0=@l-P)<h;3K|Lk000e1NJLTq000sI000{Z1^@s6alzl800001b5ch_0Itp)
z=>Px${7FPXR7gvml}(6FaTLaX4;Ca}D`gfki%D6rQ!Fg3D9u7rqbZt^Cgf{DV-y)#
z_zbbInr0UEW;0TX9V<~pDW#-@P$G}c+j(^-_rCAF&hm85@1FlT&pB7NcLBq|UEqSG
zpZtf(_I+Rz@C!H#oRjpUDJwu1fkTDFJHS3kADh4eG#?nsY8GYk17Jkbv$`;~18r{v
z&I9Yy_ZBz-OiFS$;9pP#+FlBr1P*87?*IWuBz@=vn*}OV7d<-zEKJ`cU{KQQDp)Bf
ztJ?xx1$s026>w0}bQ!D?l(0S^rW(+&ki}`>vZU`tU`J5G7G%!?Fej6vs+j7VHmobC
z(6{ZtC7>sL&w>4tLeSI(Wp!(So4|&IeF2V3y3q)fu*IpjK_H$TcD*sE@YE?_XX73f
zCuDm!Fb*tF|4gHbY{#<#Fj7$d6=1A3$oA?K=;nlc0**?$U3+S_w*uFIl?i#8rzTdX
zW!;oL4>*<gs=aqn!I-3XwUljpRSIxhCVU1)B}HZbSk?B&=?&q<u7$k>_DFhI1}S}-
z?H#}^U`ZxLABH8xN>p0$LaxZs4ghn3Z}B5&saA>!b+i^J&ur*nZAQldJ5Y6dN_%8`
zZ+>}M20R7^B)#ZX#jL5>egdpZ=LB#}()%WmR<mu70{y_fxYLrpHibm|A0X4BX=t6l
QZ~y=R07*qoM6N<$f)SDV3jhEB

literal 0
HcmV?d00001

diff --git a/static/rowsright.png b/static/rowsright.png
new file mode 100644
index 0000000000000000000000000000000000000000..dbf914f796624d219212aaf81d34a93c84a1720f
GIT binary patch
literal 638
zcmV-^0)hRBP)<h;3K|Lk000e1NJLTq000jF000*V1^@s6)Ke9_00001b5ch_0Itp)
z=>Px%I7vi7R5(wSls#xuQ5462=OuYDwhoGmqV6h=F4D!tNf2}s1WSe2eDqoAM=UKu
zTCDw$M|sJM4R&!7DyT)!O`QZCIw&2)MJhr|0!4(XY4eV}m=szY6YqAo|KGXyod3C3
z@>y>Y)o0NkvAbRAuJ8QEl6*F&HT|PdWwYPv?Okq_m%N+1k8rI9ycPBBxNW~{C4o4O
z6N^To-GV;=atK%ky}ep0&1Etf|6fU@zUg`1X{o4#&;k4co=7;<ACJesHcGGs2ZF-P
z%&|%+>;RW)z)N4SQ>oO_ZV9%*fgmVjk7<se*g!kTClO7r6pITx%lHf4D#P_Iis&eC
z5?DuYFbpS=NUYU04dFoGdERmHbqY8i#G)*yZ=@5wiI3H|nI&_MbD$iF4uRePLckK}
zK%%GTMN_!i$U-4f+1R*@G6oz4)<hU?39jER@8%{D($!db-x54MJ>AwG-P^6A!@&N)
z0q_T#!mjHc31f^ST={b#&s7)<yl>X+4pE&%IRjKsvV@J%x?Q`%sw%VDd{RY+fWru%
z1#Ybriw`rI%w|KM3x&c#zg!+y<SGyWUi(5{DwSH?Y3sI=XI=M%Zx}h0vo+y^P4x$C
z+b%Yo?fLonP-%7boFJ15r%*~N>V-{n%CfBWhOeqRL8f^VB?ZI~-e^TelGl^3noXbF
zb8}BsxKRI!)R4YpGWn$$Se@<KA68b>37h7GWm(@^0c&vf11gVW``Yewc6R=36%2I0
Y0U71l*$=QacmMzZ07*qoM6N<$g04j)vj6}9

literal 0
HcmV?d00001