fe / yohoblk-wap · Commits

Go to a project

Authored by 陈峰
Commit 3e44bdf3749033c7cc8b0f471f29f57c698291ed 1 parent 738b9cd0

vue 2.0 95%

Inline Side-by-side
Showing 5 changed files with 77 additions and 136 deletions
... ... @@ -18,8 +18,8 @@ module.exports = {
app_type: 1
},
domains: {
// api: 'http://api-test3.yohops.com:9999/',
// service: 'http://service-test3.yohops.com:9999/',
api: 'http://api-test3.yohops.com:9999/',
service: 'http://service-test3.yohops.com:9999/',
// api: 'http://api-test2.yohops.com:9999/',
// service: 'http://service-test2.yohops.com:9999/',
... ... @@ -28,8 +28,8 @@ module.exports = {
// service: 'http://dev-service.yohops.com:9999/',
// singleApi: 'http://192.168.102.27:8092/'
api: 'http://api.yoho.cn/',
service: 'http://service.yoho.cn/',
// api: 'http://api.yoho.cn/',
// service: 'http://service.yoho.cn/',
singleApi: 'http://single.yoho.cn/'
},
subDomains: {
... ...
import yoho from './yoho';
import cookie from 'yoho-cookie';
// import yoho from './yoho';
// import cookie from 'yoho-cookie';
// cookie.set('_YOHOUID', '15286052');
// cookie.set('_YOHOTOKEN', 'b98acd01a0b52a8d1f99df2639ad637e');
... ...
import Vue from 'vue';
import lazyload from 'vue-lazyload';
import Component from 'me/exchange.vue';
import exchange from 'me/exchange.vue';
... ... @@ -10,6 +10,6 @@ Vue.use(lazyload, { preLoad: 3 });
new Vue({
el: '#exchange',
components: {
Component
exchange
}
});
... ...
<template>
<div class="sidebar">
<template v-for="(item, index) in list">
<div v-for="(item, index) in list" :key="index">
<template v-if="item.separative_sign === 'Y'">
<div class="sep">
<!-- 分割线 -->
... ... @@ -11,7 +11,7 @@
<span class="en">{{(item.sort_name_en || '').trim()}}</span>
<span class="cn">{{item.sort_name}}</span>
</span>
</template>
</div>
</div>
</template>
... ...
<template>
<div>
<cheader title="我的" class="ghost" fixed ref="header">
<i slot="left"></i>
</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" :class="{'username-top': !data.vipLevel}">{{ data.nickName }}</span>
<div class="account-mg">账号管理<span class="icon icon-right"></span></div>
<div>
<cheader title="我的" class="ghost" fixed ref="header">
<i slot="left"></i>
</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" :class="{'username-top': !data.vipLevel}">{{ data.nickName }}</span>
<div class="account-mg">账号管理<span class="icon icon-right"></span></div>
</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>
<div class="change-channel" @click="isShowChannel = true">
<span class="label">切换购物频道</span>
<span class="channel">{{curChannel}}<span class="icon icon-right"></span></span>
</div>
<div class="group-list">
<div class="user-count">
<a class="auth uc-item" href="/me/collection">
<p class="num">{{productNum}}</p>
<p class="label">商品收藏</p>
</a>
<a class="auth uc-item" href="/me/collection?tab=article">
<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>
<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>
<div class="change-channel" @click="isShowChannel = true">
<span class="label">切换购物频道</span>
<span class="channel">{{curChannel}}<span class="icon icon-right"></span></span>
</div>
<div class="group-list">
<div class="user-count">
<a class="auth uc-item" href="/me/collection">
<p class="num">{{productNum}}</p>
<p class="label">商品收藏</p>
</a>
<a class="auth uc-item" href="/me/collection?tab=article">
<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">
我的订单
<span class="read-order">
查看全部订单 <span class="icon icon-right"></span>
</span>
</a>-->
<div class="order-type clearfix">
<a class="type-item auth" href="/me/order?type=2">
<span class="icon icon-card"></span>
<span class="item-name">待付款</span>
<span class="num" v-if="data.wait_pay_num">{{data.wait_pay_num}}</span>
</a>
<a class="type-item auth" href='/me/order?type=3'>
<span class="icon icon-bag2"></span>
<span class="item-name">待发货</span>
<span class="num" v-if="data.wait_cargo_num">{{data.wait_cargo_num}}</span>
</a>
<a class="type-item auth" href="/me/order?type=4">
<span class="icon icon-logistics"></span>
<span class="item-name">待收货</span>
<span class="num" v-if="data.send_cargo_num">{{data.send_cargo_num}}</span>
</a>
<a class="type-item auth" href="/me/return">
<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>
<a class="type-item auth" href="/me/order?type=1">
<span class="icon icon-order"></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" href="/me/collection">
我的收藏
<span class="num">商品/品牌/资讯 <span class="icon icon-right"></span></span>
</div>
<div class="my-order">
<!--<a class="order-title auth" href="/me/order?type=1">
我的订单
<span class="read-order">
查看全部订单 <span class="icon icon-right"></span>
</span>
</a>-->
<div class="order-type clearfix">
<a class="type-item auth" href="/me/order?type=2">
<span class="icon icon-card"></span>
<span class="item-name">待付款</span>
<span class="num" v-if="data.wait_pay_num">{{data.wait_pay_num}}</span>
</a>
<a class="glist-item auth" href="/me/records?type={{recordNum}}">
浏览记录
<span class="num">{{recordNum}}<span class="icon icon-right"></span></span>
<a class="type-item auth" href='/me/order?type=3'>
<span class="icon icon-bag2"></span>
<span class="item-name">待发货</span>
<span class="num" v-if="data.wait_cargo_num">{{data.wait_cargo_num}}</span>
</a>
</div>-->
<!--<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 class="type-item auth" href="/me/order?type=4">
<span class="icon icon-logistics"></span>
<span class="item-name">待收货</span>
<span class="num" v-if="data.send_cargo_num">{{data.send_cargo_num}}</span>
</a>
</div>-->
<div class="group-list address-item">
<a class="glist-item auth" id="address" v-if="data.nickName">
地址管理
<span class="num">{{data.address_num}} <span class="icon icon-right"></span></span>
<a class="type-item auth" href="/me/return">
<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>
<p class="glist-item" v-else>
地址管理
</p>
</div>
<div class="group-list">
<a class="glist-item" href="/help">
帮助中心
<span class="num"><span class="icon icon-right"></span></span>
<a class="type-item auth" href="/me/order?type=1">
<span class="icon icon-order"></span>
<span class="item-name">全部订单</span>
<span class="num" v-if="data.refund_exchange_num">{{data.refund_exchange_num}}</span>
</a>
<p class="glist-item">
电话客服
<span class="num tel" @click="goTel">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">
<a class="glist-item auth" href="/me/collection">
我的收藏
<span class="num">商品/品牌/资讯 <span class="icon icon-right"></span></span>
</a>
<a class="glist-item auth" href="/me/records?type={{recordNum}}">
浏览记录
<span class="num">{{recordNum}}<span class="icon icon-right"></span></span>
</a>
</div>-->
<!--<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 address-item">
<a class="glist-item auth" id="address" v-if="data.nickName">
地址管理
<span class="num">{{data.address_num}} <span class="icon icon-right"></span></span>
</a>
<p class="glist-item auth" v-else>
<p class="glist-item" v-else>
地址管理
</p>
</div>
... ... @@ -153,17 +94,17 @@
<span class="num"><span class="icon icon-right"></span></span>
</p>
</div>
<div class="group-list swiper-area" v-if="floor.length > 0">
<swipe class="swipe" :style="{height: floorHeight + 'px'}">
<swipe-item v-for="item in floor" :key="item.src" :style="{backgroundColor: item.bgColor}">
<a :href="item.url | transformBlk" :title="item.title" v-if="item.url">
<a v-blk-href="item.url" :title="item.title" v-if="item.url">
<img v-img-src="{src: item.src, width: floorImgW, height: floorImgH}">
</a>
<img v-img-src="{src: item.src, width: floorImgW, height: floorImgH}" v-else>
</swipe-item>
</swipe>
</div>
<channel :class="{'bg-animation': isShowChannel}" @cv="changeChannel"></channel>
</div>
</template>
... ...