PersonCenter.html
6.5 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="../css/init.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />
<link rel="stylesheet" type="text/css" href="../css/PersonCenter/PersonCenter.css" />
<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
<title>个人中心</title>
<style>
[ v-cloak]{
display:none;
}
</style>
</head>
<body>
<div class="container" id="personcenter" v-cloak>
<!--遮罩-->
<div class="wrap">
<!--弹层-->
<div class="popup">
<p>— 咨询热线 —</p>
<span>1540098838</span>
<div class="popup_footer">
立即拨打
</div>
</div>
</div>
<!--个人信息-->
<div class="person">
<div class="person_info">
<!--<img src="../img/bpic03@2x.png" />-->
<img :src="personinfo.head_img" />
<p class="person_name">{{personinfo.nickname}}</p>
<!--<p class="person_name">微信名称</p>-->
<span class="person_info_btn">全部订单</span>
</div>
</div>
<!--待支付-制作中--->
<div class="white">
<div class="white_item pend_pay" v-for="item in persontype" @click="jump(item)">
<i class="iconfont icon-wallet_icon"></i>
<p>{{item.status}}</p>
<span v-if="item.count>0" class="white_item_num">{{item.count}}</span>
</div>
<!--<div class="white_item pend_pay">
<i class="iconfont icon-wallet_icon"></i>
<p>待支付</p>
<span class="white_item_num">12</span>
</div>
<div class="white_item pend_make">
<i class="iconfont icon-hdxq_icon1"></i>
<p>制作中</p>
<span class="white_item_num">0</span>
</div>
<div class="white_item pend_take">
<i class="iconfont icon-yizhifu"></i>
<p>待取货</p>
<span class="white_item_num">0</span>
</div>
<div class="white_item pend_evaluate">
<i class="iconfont icon-31daipingjia"></i>
<p>待评价</p>
<span class="white_item_num">0</span>
</div>
<div class="white_item pend_finish">
<i class="iconfont icon-yiwancheng1"></i>
<p>已完成</p>
<span class="white_item_num">0</span>
</div>-->
</div>
<!--我的钱包-->
<div class="menu_list">
<div class="menu_item my_wallet">
<i class="iconfont icon-qianbao"></i>
<p>我的钱包</p>
<span>></span>
</div>
<div class="menu_item discount_page">
<i class="iconfont icon-youhuiquan"></i>
<p>我的优惠券</p>
<span>></span>
</div>
<div class="menu_item">
<i class="iconfont icon-liwu"></i>
<p>分享有礼</p>
<span>></span>
</div>
<div class="menu_item service">
<i class="iconfont icon-VectorSmartObject" style="color:#CDBEEC"></i>
<p>联系客服</p>
<span>></span>
</div>
<div class="menu_item aboutus" @click="aboutus()">
<i class="iconfont icon-erji" style="color:#CDBEEC"></i>
<p>关于我们</p>
<span>></span>
</div>
</div>
<!--footer-->
<div class="footer" v-cloak>
<div class="footer_item">
<a href="../index.html"><img src="../img/menu_icon1_select@2x_81.png" /><span>首页</span></a>
</div>
<div class="footer_item">
<a href="../shopcar.html"><img src="../img/9拷贝@2x.png" />
<span>购物车</span>
</a>
<span class="foot_cartnum" v-if="cartnum>0">{{cartnum}}</span>
</div>
<div class="footer_item footer_active">
<a href=""><img src="../img/menu_icon3_select@2x_57.png" /><span>我的</span></a>
</div>
</div>
</div>
<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/personcenter.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var service = document.getElementsByClassName('service')[0];
var wrap = document.getElementsByClassName('wrap')[0];
var popup = document.getElementsByClassName('popup')[0];
var popup_footer = document.getElementsByClassName('popup_footer')[0];
popup_footer.onclick = function(ev) {
var oEvent = ev || event
oEvent.concelable = true;
oEvent.stopPropagation();
}
service.onclick = function() {
wrap.style.display = 'block';
}
wrap.onclick = function() {
wrap.style.display = 'none';
}
var person_info_btn = document.getElementsByClassName('person_info_btn')[0];
person_info_btn.onclick = function() {
window.location.href = '../myorder/myorder.html'
}
var my_wallet = document.getElementsByClassName('my_wallet')[0];
my_wallet.onclick = function() {
window.location.href = 'wallet.html';
}
var discount_page = document.getElementsByClassName('discount_page')[0];
discount_page.onclick = function() {
window.location.href = 'discount.html';
}
//待支付，制作中等跳转页面
var pend_make = document.getElementsByClassName('pend_make')[0];
var pend_pay = document.getElementsByClassName('pend_pay')[0];
var pend_take = document.getElementsByClassName('pend_take')[0];
var pend_evaluate = document.getElementsByClassName('pend_evaluate')[0];
var pend_finish = document.getElementsByClassName('pend_finish')[0];
pend_pay.onclick = function() {
window.location.href = '../myorder/myorder.html';
}
pend_make.onclick = function() {
window.location.href = '../myorder/myorder.html';
}
pend_take.onclick = function() {
window.location.href = '../myorder/myorder.html';
}
pend_evaluate.onclick = function() {
window.location.href = '../myorder/myorder.html';
}
pend_finish.onclick = function() {
window.location.href = '../myorder/myorder.html';
}
//待支付，制作中 数量
var white_item_num = document.getElementsByClassName('white_item_num');
for(i = 0; i < white_item_num.length; i++) {
if(parseInt(white_item_num[i].innerHTML) < 1) {
white_item_num[i].style.display = 'none';
}
}
</script>
</body>
</html>