fe / yohoblk-wap · Commits

Go to a project

Authored by shuiling.wang@yoho.cn
Commit 8c8035b0f80f51f43a2e64bc993bdc175049b358 1 parent 2c2db058

个人中心修改

Inline Side-by-side
Showing 5 changed files with 169 additions and 33 deletions
'use strict';
const fs = require('fs');
let devHost = '127.0.0.1';
let devHost = 'm.yohoblk.com'; // todo modify wsl
fs.readFile('.devhost', (err, buf)=> {
if (!err) {
... ...
... ... @@ -6,11 +6,15 @@ module.exports = () => {
const token = req.cookies._YOHOTOKEN;
const key = `-_-!!!${uid}!!!-_-`;
console.log(uid)
if (md5(key) === token) {
req.user.uid = uid;
delete req.cookies._YOHOUID;
}
req.user.uid = 51477204; // todo modify wsl
next();
};
};
... ...
const info = {
host: '127.0.0.1',
host: 'm.yohoblk.com', // todo modify wsl
port: 5004,
publicPath: 'http://127.0.0.1:5004/'
publicPath: 'http://m.yohoblk.com:5004/' // todo modify wsl
};
module.exports = info;
... ...
... ... @@ -40,6 +40,7 @@ const yoho = {
* 判断是否是 登录
*/
isLogin() {
return true; //todo del wsl
return cookie.get('_YOHOUID');
},
... ...
<template>
<cheader title="我的" class="ghost" fixed v-ref:header>
<!--<cheader title="我的" class="ghost" fixed v-ref:header>
<i slot="left" class="icon icon-setting" id="setting"></i>
</cheader>
<div class="my-header">
</cheader>-->
<div class="my-header" v-if="data.nickName">
<a class="user-info auth" id="user-info" href='/me/mydetails'>
<img class="user-avatar" :src="headIco" @error="setEmptyimg">
<span class="username">{{ data.nickName }}</span>
<div class="account-mg">账号管理<span class="icon icon-right"></span></div>
</a>
<span class="username">{{ data.nickName }}</span>
<a class="vip-level level-{{data.vipLevel}}" v-if="data.vipLevel" href='/me/grade'></a>
<!--<a class="vip-level level-{{data.vipLevel}}" v-if="data.vipLevel" href='/me/grade'></a>-->
</div>
<div class="my-header unlisted" v-else>
<span class="auth username">登录/注册</span>
</div>
<a class="change-channel">
<span class="label">切换购物频道</span>
<span class="channel">MEN<span class="icon icon-right"></span></span>
</a>
<div class="group-list">
<div class="user-count">
<a class="auth uc-item" href="">
<p class="num">{{productNum}}</p>
<p class="label">商品收藏</p>
</a>
<a class="auth uc-item" href="">
<p class="num">{{editorialNum}}</p>
<p class="label">资讯收藏</p>
</a>
<a class="auth uc-item" href="/me/records?type={{recordNum}}">
<p class="num">{{recordNum}}</p>
<p class="label">浏览记录</p>
</a>
</div>
</div>
<div class="my-order">
<a class="order-title auth" href="/me/order?type=1">
<!--<a class="order-title auth" href="/me/order?type=1">
我的订单
<span class="read-order">
查看全部订单 <span class="icon icon-right"></span>
</span>
</a>
</a>-->
<div class="order-type clearfix">
<a class="type-item auth" href="/me/order?type=2">
<span class="icon icon-card"></span>
... ... @@ -37,15 +61,14 @@
<span class="item-name">退换货</span>
<span class="num" v-if="data.refund_exchange_num">{{data.refund_exchange_num}}</span>
</a>
<a class="type-item auth" href="/me/order?type=1">
<span class="icon icon-money"></span>
<span class="item-name">全部订单</span>
<span class="num" v-if="data.refund_exchange_num">{{data.refund_exchange_num}}</span>
</a>
</div>
</div>
<div class="group-list">
<a class="glist-item auth" id="address">
地址管理
<span class="num">{{data.address_num}} <span class="icon icon-right"></span></span>
</a>
</div>
<div class="group-list">
<a class="glist-item auth" href="/me/collection">
我的收藏
<span class="num">商品/品牌/资讯 <span class="icon icon-right"></span></span>
... ... @@ -55,22 +78,34 @@
<span class="num">{{recordNum}}<span class="icon icon-right"></span></span>
</a>
</div>
<div class="group-list">
<!--<div class="group-list">
<a class="glist-item auth" href="/me/mycurrency">
有货币
<span class="num">{{data.yoho_coin_num}} <span class="icon icon-right"></span></span>
</a>
</div>
</div>-->
<div class="group-list">
<a class="glist-item auth" id="address">
地址管理
<span class="num">{{data.address_num}} <span class="icon icon-right"></span></span>
</a>
<a class="glist-item" href="/help">
帮助中心
<span class="num"><span class="icon icon-right"></span></span>
</a>
<p class="glist-item">
电话客服
<span class="num tel">400-889-9646</span>
<span class="num tel">400-889-9646<span class="icon icon-right"></span></span>
</p>
<p class="glist-item ghost" id="setting">
设置
<span class="num"><span class="icon icon-right"></span></span>
</p>
</div>
<div class="group-list">
<img class="home-banner">
</div>
</template>
<script>
... ... @@ -97,7 +132,9 @@
return {
data: {},
headIco: '',
recordNum: ''
recordNum: 0,
productNum: 0,
editorialNum: 0
};
},
components: {
... ... @@ -139,7 +176,7 @@
}
} else {
this.data = {
nickName: '登录/注册'
nickName: false
};
this.setEmptyimg();
... ... @@ -248,21 +285,21 @@
}
.my-header {
height: 469px;
background: resolve("me/header-bg.png");
height: 260px;
/*background: resolve("me/header-bg.png");*/
background: #fff;
background-size: cover;
padding: 0 30px;
}
.user-info {
display: block;
float: left;
position: relative;
top: 145px;
padding: 0 30px;
margin: 0 180px;
top: 56px;
color: #000;
font-size: 34px;
height: 190px;
text-align: center;
text-align: left;
.user-avatar {
display: inline-block;
... ... @@ -275,6 +312,18 @@
/* border: 3px solid #b0b0b0; */
background: resolve("me/user-icon.png");
background-size: 100%;
vertical-align: middle;
}
}
.account-mg {
display: inline-block;
position: relative;
top: 10px;
font-size: 32px;
.icon-right {
margin-left: 10px;
}
}
... ... @@ -311,13 +360,33 @@
}
.username {
display: block;
text-align: center;
width: 330px;
display: inline-block;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 32px;
position: relative;
top: 140px;
top: 10px;
}
.unlisted {
padding: 0;
.username {
width: 300px;
height: 88px;
line-height: 88px;
display: block;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 32px;
margin: 0 auto;
position: relative;
top: 84px;
border: 1px solid #434343;
}
}
.my-order {
... ... @@ -374,7 +443,7 @@
line-height: 1.5;
width: 86px;
margin-top: 13px;
margin-left: 115px;
margin-left: 60px;
&.highlight {
background: #eee;
... ... @@ -384,6 +453,10 @@
margin-left: 0;
}
&:last-child {
width: 98px;
}
.num {
position: absolute;
top: -35px;
... ... @@ -408,6 +481,10 @@
border-bottom: 1px solid #eee;
background: #fff;
&:last-child {
border-bottom: none;
}
.glist-item {
display: block;
position: relative;
... ... @@ -447,9 +524,63 @@
}
.tel {
padding-right: 10px;
/*padding-right: 10px;*/
.icon-right {
margin-left: 10px;
}
}
}
.change-channel {
height: 88px;
width: 100%;
background: #020202;
line-height: 88px;
padding: 0 30px;
box-sizing: border-box;
font-size: 32px;
display: block;
.label {
float: left;
color: #fff;
}
.channel {
float: right;
color: #fff;
}
}
.user-count {
padding: 0 60px;
background: #fff;
.uc-item {
display: inline-block;
margin: 24px 54px;
text-align: center;
.num {
margin: 14px 0;
font-size: 24px;
width: 100%;
color: #000;
}
.label {
margin: 14px 0;
font-size: 24px;
width: 100%;
}
}
}
.home-banner {
max-width: 100%;
display: block;
margin: 30px auto;
}
}
.app.ios {
... ...