buy_sure.html
5.4 KB
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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>2-4确认购买</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/swiper.min.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/common/sure_buy.css">
<script src="__TMPL__/public/assets/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__TMPL__/public/assets/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<style>
.shuru {
width: 2rem;
outline: none;
}
.beizhu_title {
display: inline-block;
vertical-align: top;
margin-top: 0.08rem;
}
textarea {
outline: none;
margin: 0 auto;
margin-top: 0.1rem;
margin-left: 0.1rem;
margin-right: 0.1rem;
line-height: 0.35rem;
}
.beizhu_content {
display: inline-block;
border-radius: 0.1rem;
border: 0.01rem solid #EBEBEB;
}
</style>
</head>
<body>
<div class="container">
<div class="address_box">
<img class="youjiantou" src="__TMPL__/public/assets/images/youjiantou1.png" alt="">
<div class="user_box">
<img class="head_img" src="__TMPL__/public/assets/images/head_img.png" alt="">
<p class="user_name">
<input class="shuru" type="text" maxlength="5" placeholder="赵先生">
</p>
<p class="user_phone">
<input class="shuru" type="number" maxlength="11" onkeyup="this.value = this.value.slice(0,11)" placeholder="15122953260">
</p>
</div>
<div class="local_box">
<img class="location_img" src="__TMPL__/public/assets/images/3336556@2x.png" alt="">
<span class="address_content">天津阿达宽大的</span>
</div>
</div>
<div class="con_warp">
<p class="buy_message buy_message_top"> 购买信息</p>
<ul class="con_list_ul">
<li class="con_list_li">
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
<div class="goods_box">
<p class="goods_title">HO56C手动轮椅车</p>
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
<p class="goods_money">$2000.06</p>
<span class="goods_nums"> X1</span>
</div>
</li>
</ul>
<div class="join">
<img class="subtract_img" src="__TMPL__/public/assets/images/item_reduce.png " alt="">
<p>1 </p>
<img class="add_img" src="__TMPL__/public/assets/images/item_add.png" alt="">
</div>
<p class="buy_message buy_message_bot"> 购买数量 </p>
</div>
<div class="peisong">
<div class="peisong_box">
<p> 配送方式<span> 快递：￥8.00</span></p>
</div>
<div class="beizhu_box">
<p class="beizhu_title"> 备注信息： </p>
<p class="beizhu_content">
<textarea name="" id="" cols="35" rows="3">晚一些的发货发的撒佛挡杀佛的萨芬</textarea>
</p>
</div>
</div>
<div class="xiaoji_box">
<p class="xiaoji">共一件商品 小计 : ￥2000.00</p>
</div>
<div class="zhifu">
<div class=" pay_method">
<div class="method_choose">
<p class="wx_pay pay_item"> 微信支付<span><img class="hand" src="__TMPL__/public/assets/images/hand.png" alt="">推荐使用</span> </p>
<p class="ali_pay pay_item"> 支付宝支付 </p>
</div>
<div class="methood_pic">
<img class="sure sure_item" src="__TMPL__/public/assets/images/sure.png" alt="">
<img class="cancel sure_item" src="__TMPL__/public/assets/images/sure_1.png" alt="">
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="buycar_box">
<p> 微信支付</p>
<span class="buycar_box_money">$2000.00</span>
</div>
<p class="footer_buycar">前往支付</p>
</footer>
</div>
<script src="__TMPL__/public/assets/js/picker.min.js"></script>
<script src="__TMPL__/public/assets/js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="__TMPL__/public/assets/js/common.js" type="text/javascript" charset="utf-8"></script>
<script>
$(document).ready(function() {
get_main_content();
var $menu_box = $('.content_body .con_title>li');
$menu_box.click(function() {
$(this).addClass('con_curr').siblings().removeClass('con_curr');
var index = $menu_box.index(this);
$('.con_all .con_warp').eq(index).show().siblings().hide();
});
})
function get_main_content() {
}
//地址管理
$('.youjiantou').on('click', function() {
window.location.href = "{:url('Address/index')}";
})
</script>
</body>
</html>