|
1
|
<template>
|
1
|
<template>
|
|
2
|
- <div>
|
|
|
|
3
|
- <cheader title="我的" class="ghost" fixed ref="header">
|
|
|
|
4
|
- <i slot="left"></i>
|
|
|
|
5
|
- </cheader>
|
|
|
|
6
|
- <div class="my-header" v-if="data.nickName">
|
|
|
|
7
|
- <a class="user-info auth" id="user-info" href='/me/mydetails'>
|
|
|
|
8
|
- <img class="user-avatar" :src="headIco" @error="setEmptyimg">
|
|
|
|
9
|
- <span class="username" :class="{'username-top': !data.vipLevel}">{{ data.nickName }}</span>
|
|
|
|
10
|
- <div class="account-mg">账号管理<span class="icon icon-right"></span></div>
|
2
|
+<div>
|
|
|
|
3
|
+ <cheader title="我的" class="ghost" fixed ref="header">
|
|
|
|
4
|
+ <i slot="left"></i>
|
|
|
|
5
|
+ </cheader>
|
|
|
|
6
|
+ <div class="my-header" v-if="data.nickName">
|
|
|
|
7
|
+ <a class="user-info auth" id="user-info" href='/me/mydetails'>
|
|
|
|
8
|
+ <img class="user-avatar" :src="headIco" @error="setEmptyimg">
|
|
|
|
9
|
+ <span class="username" :class="{'username-top': !data.vipLevel}">{{ data.nickName }}</span>
|
|
|
|
10
|
+ <div class="account-mg">账号管理<span class="icon icon-right"></span></div>
|
|
|
|
11
|
+ </a>
|
|
|
|
12
|
+ <a :class="`vip-level level-${data.vipLevel}`" v-if="data.vipLevel" href='/me/grade'></a>
|
|
|
|
13
|
+ </div>
|
|
|
|
14
|
+ <div class="my-header unlisted" v-else>
|
|
|
|
15
|
+ <span class="auth username">登录/注册</span>
|
|
|
|
16
|
+ </div>
|
|
|
|
17
|
+ <div class="change-channel" @click="isShowChannel = true">
|
|
|
|
18
|
+ <span class="label">切换购物频道</span>
|
|
|
|
19
|
+ <span class="channel">{{curChannel}}<span class="icon icon-right"></span></span>
|
|
|
|
20
|
+ </div>
|
|
|
|
21
|
+ <div class="group-list">
|
|
|
|
22
|
+ <div class="user-count">
|
|
|
|
23
|
+ <a class="auth uc-item" href="/me/collection">
|
|
|
|
24
|
+ <p class="num">{{productNum}}</p>
|
|
|
|
25
|
+ <p class="label">商品收藏</p>
|
|
|
|
26
|
+ </a>
|
|
|
|
27
|
+ <a class="auth uc-item" href="/me/collection?tab=article">
|
|
|
|
28
|
+ <p class="num">{{editorialNum}}</p>
|
|
|
|
29
|
+ <p class="label">资讯收藏</p>
|
|
|
|
30
|
+ </a>
|
|
|
|
31
|
+ <a class="auth uc-item" :href="`/me/records?type=${recordNum}`">
|
|
|
|
32
|
+ <p class="num">{{recordNum}}</p>
|
|
|
|
33
|
+ <p class="label">浏览记录</p>
|
|
11
|
</a>
|
34
|
</a>
|
|
12
|
- <a :class="`vip-level level-${data.vipLevel}`" v-if="data.vipLevel" href='/me/grade'></a>
|
|
|
|
13
|
- </div>
|
|
|
|
14
|
- <div class="my-header unlisted" v-else>
|
|
|
|
15
|
- <span class="auth username">登录/注册</span>
|
|
|
|
16
|
- </div>
|
|
|
|
17
|
- <div class="change-channel" @click="isShowChannel = true">
|
|
|
|
18
|
- <span class="label">切换购物频道</span>
|
|
|
|
19
|
- <span class="channel">{{curChannel}}<span class="icon icon-right"></span></span>
|
|
|
|
20
|
- </div>
|
|
|
|
21
|
- <div class="group-list">
|
|
|
|
22
|
- <div class="user-count">
|
|
|
|
23
|
- <a class="auth uc-item" href="/me/collection">
|
|
|
|
24
|
- <p class="num">{{productNum}}</p>
|
|
|
|
25
|
- <p class="label">商品收藏</p>
|
|
|
|
26
|
- </a>
|
|
|
|
27
|
- <a class="auth uc-item" href="/me/collection?tab=article">
|
|
|
|
28
|
- <p class="num">{{editorialNum}}</p>
|
|
|
|
29
|
- <p class="label">资讯收藏</p>
|
|
|
|
30
|
- </a>
|
|
|
|
31
|
- <a class="auth uc-item" :href="`/me/records?type=${recordNum}`">
|
|
|
|
32
|
- <p class="num">{{recordNum}}</p>
|
|
|
|
33
|
- <p class="label">浏览记录</p>
|
|
|
|
34
|
- </a>
|
|
|
|
35
|
- </div>
|
|
|
|
36
|
- </div>
|
|
|
|
37
|
- <div class="my-order">
|
|
|
|
38
|
-
|
|
|
|
39
|
- <!--<a class="order-title auth" href="/me/order?type=1">
|
|
|
|
40
|
- 我的订单
|
|
|
|
41
|
- <span class="read-order">
|
|
|
|
42
|
- 查看全部订单 <span class="icon icon-right"></span>
|
|
|
|
43
|
- </span>
|
|
|
|
44
|
- </a>-->
|
|
|
|
45
|
-
|
|
|
|
46
|
- <div class="order-type clearfix">
|
|
|
|
47
|
- <a class="type-item auth" href="/me/order?type=2">
|
|
|
|
48
|
- <span class="icon icon-card"></span>
|
|
|
|
49
|
- <span class="item-name">待付款</span>
|
|
|
|
50
|
- <span class="num" v-if="data.wait_pay_num">{{data.wait_pay_num}}</span>
|
|
|
|
51
|
- </a>
|
|
|
|
52
|
- <a class="type-item auth" href='/me/order?type=3'>
|
|
|
|
53
|
- <span class="icon icon-bag2"></span>
|
|
|
|
54
|
- <span class="item-name">待发货</span>
|
|
|
|
55
|
- <span class="num" v-if="data.wait_cargo_num">{{data.wait_cargo_num}}</span>
|
|
|
|
56
|
- </a>
|
|
|
|
57
|
- <a class="type-item auth" href="/me/order?type=4">
|
|
|
|
58
|
- <span class="icon icon-logistics"></span>
|
|
|
|
59
|
- <span class="item-name">待收货</span>
|
|
|
|
60
|
- <span class="num" v-if="data.send_cargo_num">{{data.send_cargo_num}}</span>
|
|
|
|
61
|
- </a>
|
|
|
|
62
|
- <a class="type-item auth" href="/me/return">
|
|
|
|
63
|
- <span class="icon icon-money"></span>
|
|
|
|
64
|
- <span class="item-name">退换货</span>
|
|
|
|
65
|
- <span class="num" v-if="data.refund_exchange_num">{{data.refund_exchange_num}}</span>
|
|
|
|
66
|
- </a>
|
|
|
|
67
|
- <a class="type-item auth" href="/me/order?type=1">
|
|
|
|
68
|
- <span class="icon icon-order"></span>
|
|
|
|
69
|
- <span class="item-name">全部订单</span>
|
|
|
|
70
|
- <span class="num" v-if="data.refund_exchange_num">{{data.refund_exchange_num}}</span>
|
|
|
|
71
|
- </a>
|
|
|
|
72
|
- </div>
|
|
|
|
73
|
</div>
|
35
|
</div>
|
|
74
|
-
|
|
|
|
75
|
- <!--<div class="group-list">
|
|
|
|
76
|
- <a class="glist-item auth" href="/me/collection">
|
|
|
|
77
|
- 我的收藏
|
|
|
|
78
|
- <span class="num">商品/品牌/资讯 <span class="icon icon-right"></span></span>
|
36
|
+ </div>
|
|
|
|
37
|
+ <div class="my-order">
|
|
|
|
38
|
+
|
|
|
|
39
|
+ <!--<a class="order-title auth" href="/me/order?type=1">
|
|
|
|
40
|
+ 我的订单
|
|
|
|
41
|
+ <span class="read-order">
|
|
|
|
42
|
+ 查看全部订单 <span class="icon icon-right"></span>
|
|
|
|
43
|
+ </span>
|
|
|
|
44
|
+ </a>-->
|
|
|
|
45
|
+
|
|
|
|
46
|
+ <div class="order-type clearfix">
|
|
|
|
47
|
+ <a class="type-item auth" href="/me/order?type=2">
|
|
|
|
48
|
+ <span class="icon icon-card"></span>
|
|
|
|
49
|
+ <span class="item-name">待付款</span>
|
|
|
|
50
|
+ <span class="num" v-if="data.wait_pay_num">{{data.wait_pay_num}}</span>
|
|
79
|
</a>
|
51
|
</a>
|
|
80
|
- <a class="glist-item auth" href="/me/records?type={{recordNum}}">
|
|
|
|
81
|
- 浏览记录
|
|
|
|
82
|
- <span class="num">{{recordNum}}<span class="icon icon-right"></span></span>
|
52
|
+ <a class="type-item auth" href='/me/order?type=3'>
|
|
|
|
53
|
+ <span class="icon icon-bag2"></span>
|
|
|
|
54
|
+ <span class="item-name">待发货</span>
|
|
|
|
55
|
+ <span class="num" v-if="data.wait_cargo_num">{{data.wait_cargo_num}}</span>
|
|
83
|
</a>
|
56
|
</a>
|
|
84
|
- </div>-->
|
|
|
|
85
|
- <!--<div class="group-list">
|
|
|
|
86
|
- <a class="glist-item auth" href="/me/mycurrency">
|
|
|
|
87
|
- 有货币
|
|
|
|
88
|
- <span class="num">{{data.yoho_coin_num}} <span class="icon icon-right"></span></span>
|
57
|
+ <a class="type-item auth" href="/me/order?type=4">
|
|
|
|
58
|
+ <span class="icon icon-logistics"></span>
|
|
|
|
59
|
+ <span class="item-name">待收货</span>
|
|
|
|
60
|
+ <span class="num" v-if="data.send_cargo_num">{{data.send_cargo_num}}</span>
|
|
89
|
</a>
|
61
|
</a>
|
|
90
|
- </div>-->
|
|
|
|
91
|
-
|
|
|
|
92
|
- <div class="group-list address-item">
|
|
|
|
93
|
- <a class="glist-item auth" id="address" v-if="data.nickName">
|
|
|
|
94
|
- 地址管理
|
|
|
|
95
|
- <span class="num">{{data.address_num}} <span class="icon icon-right"></span></span>
|
62
|
+ <a class="type-item auth" href="/me/return">
|
|
|
|
63
|
+ <span class="icon icon-money"></span>
|
|
|
|
64
|
+ <span class="item-name">退换货</span>
|
|
|
|
65
|
+ <span class="num" v-if="data.refund_exchange_num">{{data.refund_exchange_num}}</span>
|
|
96
|
</a>
|
66
|
</a>
|
|
97
|
- <p class="glist-item" v-else>
|
|
|
|
98
|
- 地址管理
|
|
|
|
99
|
- </p>
|
|
|
|
100
|
- </div>
|
|
|
|
101
|
- <div class="group-list">
|
|
|
|
102
|
- <a class="glist-item" href="/help">
|
|
|
|
103
|
- 帮助中心
|
|
|
|
104
|
- <span class="num"><span class="icon icon-right"></span></span>
|
67
|
+ <a class="type-item auth" href="/me/order?type=1">
|
|
|
|
68
|
+ <span class="icon icon-order"></span>
|
|
|
|
69
|
+ <span class="item-name">全部订单</span>
|
|
|
|
70
|
+ <span class="num" v-if="data.refund_exchange_num">{{data.refund_exchange_num}}</span>
|
|
105
|
</a>
|
71
|
</a>
|
|
106
|
- <p class="glist-item">
|
|
|
|
107
|
- 电话客服
|
|
|
|
108
|
- <span class="num tel" @click="goTel">400-889-9646<span class="icon icon-right"></span></span>
|
|
|
|
109
|
- </p>
|
|
|
|
110
|
- <p class="glist-item ghost" id="setting">
|
|
|
|
111
|
- 设置
|
|
|
|
112
|
- <span class="num"><span class="icon icon-right"></span></span>
|
|
|
|
113
|
- </p>
|
|
|
|
114
|
</div>
|
72
|
</div>
|
|
115
|
-
|
|
|
|
116
|
- <!--<div class="group-list">
|
|
|
|
117
|
- <a class="glist-item auth" href="/me/collection">
|
|
|
|
118
|
- 我的收藏
|
|
|
|
119
|
- <span class="num">商品/品牌/资讯 <span class="icon icon-right"></span></span>
|
|
|
|
120
|
- </a>
|
|
|
|
121
|
- <a class="glist-item auth" href="/me/records?type={{recordNum}}">
|
|
|
|
122
|
- 浏览记录
|
|
|
|
123
|
- <span class="num">{{recordNum}}<span class="icon icon-right"></span></span>
|
|
|
|
124
|
- </a>
|
|
|
|
125
|
- </div>-->
|
|
|
|
126
|
- <!--<div class="group-list">
|
|
|
|
127
|
- <a class="glist-item auth" href="/me/mycurrency">
|
|
|
|
128
|
- 有货币
|
|
|
|
129
|
- <span class="num">{{data.yoho_coin_num}} <span class="icon icon-right"></span></span>
|
|
|
|
130
|
- </a>
|
|
|
|
131
|
- </div>-->
|
|
|
|
132
|
-
|
73
|
+ </div>
|
|
133
|
<div class="group-list address-item">
|
74
|
<div class="group-list address-item">
|
|
134
|
<a class="glist-item auth" id="address" v-if="data.nickName">
|
75
|
<a class="glist-item auth" id="address" v-if="data.nickName">
|
|
135
|
地址管理
|
76
|
地址管理
|
|
136
|
<span class="num">{{data.address_num}} <span class="icon icon-right"></span></span>
|
77
|
<span class="num">{{data.address_num}} <span class="icon icon-right"></span></span>
|
|
137
|
</a>
|
78
|
</a>
|
|
138
|
- <p class="glist-item auth" v-else>
|
79
|
+ <p class="glist-item" v-else>
|
|
139
|
地址管理
|
80
|
地址管理
|
|
140
|
</p>
|
81
|
</p>
|
|
141
|
</div>
|
82
|
</div>
|
|
@@ -153,17 +94,17 @@ |
|
@@ -153,17 +94,17 @@ |
|
153
|
<span class="num"><span class="icon icon-right"></span></span>
|
94
|
<span class="num"><span class="icon icon-right"></span></span>
|
|
154
|
</p>
|
95
|
</p>
|
|
155
|
</div>
|
96
|
</div>
|
|
156
|
-
|
|
|
|
157
|
<div class="group-list swiper-area" v-if="floor.length > 0">
|
97
|
<div class="group-list swiper-area" v-if="floor.length > 0">
|
|
158
|
<swipe class="swipe" :style="{height: floorHeight + 'px'}">
|
98
|
<swipe class="swipe" :style="{height: floorHeight + 'px'}">
|
|
159
|
<swipe-item v-for="item in floor" :key="item.src" :style="{backgroundColor: item.bgColor}">
|
99
|
<swipe-item v-for="item in floor" :key="item.src" :style="{backgroundColor: item.bgColor}">
|
|
160
|
- <a :href="item.url | transformBlk" :title="item.title" v-if="item.url">
|
100
|
+ <a v-blk-href="item.url" :title="item.title" v-if="item.url">
|
|
161
|
<img v-img-src="{src: item.src, width: floorImgW, height: floorImgH}">
|
101
|
<img v-img-src="{src: item.src, width: floorImgW, height: floorImgH}">
|
|
162
|
</a>
|
102
|
</a>
|
|
163
|
<img v-img-src="{src: item.src, width: floorImgW, height: floorImgH}" v-else>
|
103
|
<img v-img-src="{src: item.src, width: floorImgW, height: floorImgH}" v-else>
|
|
164
|
</swipe-item>
|
104
|
</swipe-item>
|
|
165
|
</swipe>
|
105
|
</swipe>
|
|
166
|
</div>
|
106
|
</div>
|
|
|
|
107
|
+ <channel :class="{'bg-animation': isShowChannel}" @cv="changeChannel"></channel>
|
|
167
|
</div>
|
108
|
</div>
|
|
168
|
</template>
|
109
|
</template>
|
|
169
|
|
110
|
|
