-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmember_refund_todo.html
200 lines (200 loc) · 7.89 KB
/
member_refund_todo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
window.location.href = "phone/refund_todo.html"; //手机
}
if (window.ActiveXObject || "ActiveXObject" in window) {
window.location.href = "ie.html";
}
</script>
<title>顾里商城 - 申请退款</title>
<link rel="shortcut icon" href="images/logo.ico">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/member_refund_todo.css">
</head>
<body>
<!-- 顶部导航栏 start -->
<div class="header-top">
<!-- 顶部导航的左侧导航 -->
<div class="left">
<a href="login.html">你好，请登录</a>
<a href="register.html" style="color: #ffc0cb;">免费注册</a>
</div>
<!-- 顶部导航的右侧导航 -->
<div class="right">
<ul>
<li>
<a href="member.html" class="indent">我的订单</a>
</li>
<li>
<a href="member.html" class="member">个人中心</a>
</li>
<li id="serVice">
<span>客户服务</span>
<div class="service" id="service">
<h3 style="text-align: center;">客户服务</h3>
<a href="" style="display: inline-block;margin-top: 5px;margin-left: 5px;margin-bottom: 5px;">服务</a>
</div>
</li>
<li id="Phone">
<span>手机商城</span>
<div class="phone" id="phone">
<h3 style="margin-bottom: 10px;text-align: center;">手机商城</h3>
</div>
</li>
<li id="navigAtion">
<span>网站导航</span>
<div class="navigation" id="navigation">
<h3 style="margin-bottom: 10px;text-align: center;">网站导航</h3>
</div>
</li>
</ul>
</div>
</div>
<!-- 顶部导航栏 end -->
<!-- 主体 start -->
<div class="main">
<div class="refund">
<form style="position: relative;">
<p>退款商品：</p>
<div class="dicks-sporting-goods">
<img src="upload/2022103_1.webp" alt="">
<a href="commodity_details.html" class="title">AUI 欧洲站连衣裙女春2021新品设计感时尚女装拼接雪纺长袖衬衫裙子</a>
<span class="Specifications">规格参数：<i>XL</i></span>
<span class="price">价格：<i>￥413.00</i></span>
</div>
<p><i style="color: #ff0000;">*</i>退款类型：</p>
<div class="radio" id="radio">
<label for="refund_first" class="refund_first">
<input type="radio" name="refund" id="refund_first"><span>仅退款</span>
</label>
<br />
<label for="refund_last" class="refund_last">
<input type="radio" name="refund" id="refund_last"><span>退货退款</span>
</label>
</div>
<p><i style="color: #ff0000;">*</i>货物状态：</p>
<div class="radio">
<label for="goods_first" class="goods_first">
<input type="radio" name="goods" id="goods_first"><span>未收到货</span>
</label>
<label for="goods_last" class="goods_last">
<input type="radio" name="goods" id="goods_last"><span>已收到货</span>
</label>
</div>
<p><i style="color: #ff0000;">*</i>退款原因：</p>
<select style="margin-top: 13px;">
<option value="1">不喜欢/不想要</option>
<option value="2">空包裹</option>
<option value="3">快递/物流一直未送到</option>
<option value="4">快递/物流无跟踪记录</option>
<option value="5">货物破损已拒签</option>
</select>
<br />
<p><i style="color: #ff0000;">*</i>退款金额：</p>
<input type="text" class="money" value="￥413.00" disabled="disabled">
<br />
<p>退款说明：</p>
<textarea cols="30" rows="10" class="origami-instructions" placeholder="退款说明(选填，填写更有利于退款哦~)" id="textarea"></textarea>
<p class="space"><i id="now_number_words">0</i>/<i id="total_number_words">200</i></p>
</form>
<p class="btn" id="btn">提交</p>
</div>
</div>
<!-- 主体 end -->
<!-- 底部 start -->
<div class="footer">
<a href="">关于我们 |</a>
<a href="">联系我们 |</a>
<a href="">联系客服 |</a>
<a href="">友情链接 |</a>
<a href="">手机商城 |</a>
<a href="">隐私政策 |</a>
<a href="">免责声明</a>
<p style="margin-top: 5px;color: #666;">copyright: © 2022-2044 顾里商城ggsch.cn 版权所有</p>
</div>
<!-- 底部 end -->
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
i {
font-style: normal;
}
.shade {
display: none;
position: fixed;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.15);
}
.shade .confirm {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 450px;
background-color: #fff;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
}
.shade .confirm .title {
margin: 10px 0 0 15px;
font-size: 20px;
}
.shade .confirm .whether {
display: inline-block;
margin: 30px 0 0 70px;
color: #FFD700;
}
.shade .confirm .error,
.shade .confirm .success {
float: right;
width: 80px;
height: 40px;
margin: 20px 0;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
}
.shade .confirm .error {
margin-right: 10px;
transition: all 0.2s;
}
.shade .confirm .success {
margin-right: 20px;
border: 1px solid #409eff;
background-color: #409eff;
color: #fff;
}
.shade .confirm .error:hover {
border: 1px solid #409eff;
}
</style>
<!-- 提示信息 start -->
<!-- 遮罩层 start -->
<div class="shade" id="box">
<!-- 提示框信息 start -->
<div class="confirm">
<p class="title">提示信息</p>
<span class="whether" id="con"></span>
<br />
<button class="success">我知道啦</button>
</div>
<!-- 提示框信息 end -->
</div>
<!-- 遮罩层 end -->
<!-- 提示信息 end -->
<script src="js/jQuery.mini.js" type="text/javascript"></script>
<script src="js/common.js" type="text/javascript"></script>
<script src="js/Flibrary.js" type="text/javascript"></script>
<script src="js/member_refund_todo.js" type="text/javascript"></script>
</body>
</html>