index.html
5.7 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>3-1个人中心</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/user/personal_center.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>
<script src="__TMPL__/public/assets/js/base.js" type="text/javascript" charset="utf-8"></script>
<style>
.pic_item {
width: 0.68rem;
height: 0.73rem;
}
</style>
</head>
<body>
<div class="container">
<div class="head_box">
<div class="pic_box">
<img class="head_pic" src="__TMPL__/public/assets/images/user_pic.png" alt="">
</div>
<p class="user_name">合欢花</p>
</div>
<div class="jifen_box">
<img class="jifen" src="__TMPL__/public/assets/images/asvfvadv@2x.png" alt="">
</div>
<div class="order">
<p class="my_order">
<span class="order_left">我的订单</span>
<span class="order_right">查看更多订单<img src="__TMPL__/public/assets/images/youjiantou1.png" alt=""></span>
</p>
<ul class="person_list">
<li class="person_botlist">
<div class="box">
<img class="pic_item " src="__TMPL__/public/assets/images/orderyin2.png" alt="">
<span class="order_nums">2</span>
</div>
<span>待支付</span>
</li>
<li class="person_botlist">
<div class="box">
<img class=" pic_item_usual" src="__TMPL__/public/assets/images/orderclick.png" alt="">
</div>
<span>待完成</span>
</li>
<li class="person_botlist">
<div class="box">
<img class=" pic_item_usual" src="__TMPL__/public/assets/images/orderpingjia.png" alt="">
</div>
<span>待评价</span>
</li>
<li class="person_botlist">
<div class="box">
<img class=" pic_item_usual" src="__TMPL__/public/assets/images/ordersure.png" alt="">
</div>
<span>已完成</span>
</li>
</ul>
</div>
<div class="list_box">
<ul>
<li class="list_item">
<span class="list_left"><img src="__TMPL__/public/assets/images/ACSACA@2x.png" alt="">我的积分</span>
<span class="list_right chakan">查看全部积分<img src="__TMPL__/public/assets/images/youjiantou1.png" alt=""></span>
</li>
<li class="list_item adress">
<span class="list_left"><img src="__TMPL__/public/assets/images/acsc@2x.png" alt="">地址管理</span>
<span class="list_right"><img src="__TMPL__/public/assets/images/youjiantou1.png" alt=""></span>
</li>
<li class="list_item xiaoli">
<span class="list_left"><img src="__TMPL__/public/assets/images/ASFAfs@2x.png" alt="">效力等级说明</span>
<span class="list_right"><img src="__TMPL__/public/assets/images/youjiantou1.png" alt=""></span>
</li>
<li class="list_item lease">
<span class="list_left"><img class="tiaozheng" src="__TMPL__/public/assets/images/SCAC@2x.png" alt="">租赁协议</span>
<span class="list_right"><img src="__TMPL__/public/assets/images/youjiantou1.png" alt=""></span>
</li>
<li class="list_item share">
<span class="list_left"><img src="__TMPL__/public/assets/images/zan.png" alt="">分享有礼</span>
<span class="list_right"><img src="__TMPL__/public/assets/images/youjiantou1.png" alt=""></span>
</li>
</ul>
</div>
</div>
<footer class="footer">
<ul class="bottom_list">
<li id="index_bar" class="mainpage_botlist index"><img src="__TMPL__/public/assets/images/index.png" alt=""><span>首页</span></li>
<li id="buy_car" class="mainpage_botlist buy_car"><img src="__TMPL__/public/assets/images/cdvcd@1x.png" alt=""><span>购物车</span></li>
<li id="personal_center" class="mainpage_botlist personal_center"><img src="__TMPL__/public/assets/images/personal_checked.png" alt=""><span>我的</span></li>
</ul>
</footer>
</div>
<script src="__TMPL__/public/assets/js/common.js"></script>
<script>
//我的积分
$('.chakan').on('click', function() {
window.location.href = "{:url('User/score')}"
})
// 地址管理
$('.adress').on('click', function() { window.location.href = "{:url('Address/index')}" });
// 孝力等级
$('.xiaoli').on('click', function() { window.location.href = "{:url('User/grade')}" });
// 租赁协议
$('.lease').on('click', function() { window.location.href = "{:url('User/rentGrade')}" });
//导航栏跳转
$('#index_bar').on('click', function() { window.location.href = "{:url('Index/index')}" });
$('#buy_car').on('click', function() { window.location.href = "{:url('Shopping/index')}" })
$('.jifen').on('click', function() { window.location.href = "{:url('Address/score')}" })
$('.share').on('click', function() { window.location.href = 'share.html' });
//订单跳转
$('.order_right').on('click', function() { window.location.href = 'myorder.html' });
</script>
</body>
</html>