|
|
@@ -4,25 +4,29 @@
|
|
|
<ul class="right-bar-center">
|
|
|
<li class="right-bar-item" v-show="storeStatus && storeStatus.uuid">
|
|
|
<a @click="goShop" class="title" target="_blank">
|
|
|
- <i class="iconfont icon-dianpu icon-xlg"></i>
|
|
|
+ <i class="iconfont icon-dianpu icon-xlg"></i><br/>
|
|
|
+ <span>店铺</span>
|
|
|
</a>
|
|
|
- <div class="sidebar-menu"><a @click="goShop" title="我的店铺" target="_blank">我的店铺</a></div>
|
|
|
+ <!--<div class="sidebar-menu"><a @click="goShop" title="我的店铺" target="_blank">我的店铺</a></div>-->
|
|
|
</li>
|
|
|
<li class="right-bar-item" @mouseenter="loadCarCount()" id="shopCar">
|
|
|
<a @click="goCart" class="title" target="_blank">
|
|
|
- <i class="iconfont icon-shopping-cart icon-xlg"></i>
|
|
|
+ <i class="iconfont icon-shopping-cart icon-xlg"></i><br/>
|
|
|
+ <span>购物车</span>
|
|
|
</a>
|
|
|
- <div class="sidebar-menu"><a @click="goCart" title="我的购物车" target="_blank">我的购物车<em><span>(<span v-text="cartCount.count || 0"></span>)</span></em></a></div>
|
|
|
+ <!--<div class="sidebar-menu"><a @click="goCart" title="我的购物车" target="_blank">我的购物车<em><span>(<span v-text="cartCount.count || 0"></span>)</span></em></a></div>-->
|
|
|
</li>
|
|
|
<li class="right-bar-item">
|
|
|
<a @click="dialogVisible = true" class="title">
|
|
|
- <i class="iconfont icon-liuyan icon-xlg"></i>
|
|
|
- <div class="sidebar-menu"><a title="留言板" target="_blank">留言板</a></div>
|
|
|
+ <i class="iconfont icon-liuyan icon-xlg"></i><br/>
|
|
|
+ <span>留言板</span>
|
|
|
+ <!--<div class="sidebar-menu"><a title="留言板" target="_blank">留言板</a></div>-->
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="right-bar-item contact-menu">
|
|
|
<a href="http://wpa.qq.com/msgrd?v=3&uin=3432892085&site=www.ubtoc.com&menu=yes" target="_blank" class="title">
|
|
|
- <i class="iconfont icon-kefu icon-xlg"></i>
|
|
|
+ <i class="iconfont icon-kefu icon-xlg"></i><br/>
|
|
|
+ <span>在线客服</span>
|
|
|
</a>
|
|
|
<div class="contact-us sidebar-menu">
|
|
|
<p>在线客服:<img src="/images/all/songguo.png" /><a href="http://wpa.qq.com/msgrd?v=3&uin=3432892085&site=www.ubtoc.com&menu=yes" class="contact-btn" target="_blank">联系客服</a></p>
|
|
|
@@ -44,30 +48,32 @@
|
|
|
<ul class="right-bar-bottom">
|
|
|
<li class="right-bar-item" @mouseenter="loadHistorys()">
|
|
|
<a @click="goHistory" class="title" target="_blank">
|
|
|
- <i class="iconfont icon-zuji icon-xlg"></i>
|
|
|
+ <i class="iconfont icon-zuji icon-xlg"></i><br/>
|
|
|
+ <span>浏览历史</span>
|
|
|
</a>
|
|
|
- <div class="sidebar-menu" v-if="!user.logged"><a @click="goHistory" title="浏览记录">浏览记录</a></div>
|
|
|
- <div class="sidebar-menu" v-if="user.logged && listMe(history).length == 0"><a href="/user#/browsingHistory" title="浏览记录">浏览记录</a></div>
|
|
|
- <div class="foot-record sidebar-menu" v-if="user.logged && listMe(history).length > 0">
|
|
|
- <h3><a href="/user#/browsingHistory">浏览历史</a></h3>
|
|
|
- <dl>
|
|
|
- <dd v-for="item in listMe(history)">
|
|
|
- <a :href="'/store/productDetail/' + item.batchCode" target="_blank" :title="item.code" v-text="item.code" v-if="item.status== 1"></a>
|
|
|
- <a :title="item.code" v-text="item.code" v-if="item.status== 0" disabled="disabled"></a>
|
|
|
- <div class="hover-shows">
|
|
|
- <em :class="{ 'off' : item.status== 0}"></em>
|
|
|
- <span :class="{ 'off' : item.status== 0}">失效</span>
|
|
|
- <a @click="deleteHistory(item,item.id)">×</a>
|
|
|
- </div>
|
|
|
- </dd>
|
|
|
- </dl>
|
|
|
- </div>
|
|
|
+ <!--<div class="sidebar-menu" v-if="!user.logged"><a @click="goHistory" title="浏览记录">浏览记录</a></div>-->
|
|
|
+ <!--<div class="sidebar-menu" v-if="user.logged && listMe(history).length == 0"><a href="/user#/browsingHistory" title="浏览记录">浏览记录</a></div>-->
|
|
|
+ <!--<div class="foot-record sidebar-menu" v-if="user.logged && listMe(history).length > 0">-->
|
|
|
+ <!--<h3><a href="/user#/browsingHistory">浏览历史</a></h3>-->
|
|
|
+ <!--<dl>-->
|
|
|
+ <!--<dd v-for="item in listMe(history)">-->
|
|
|
+ <!--<a :href="'/store/productDetail/' + item.batchCode" target="_blank" :title="item.code" v-text="item.code" v-if="item.status== 1"></a>-->
|
|
|
+ <!--<a :title="item.code" v-text="item.code" v-if="item.status== 0" disabled="disabled"></a>-->
|
|
|
+ <!--<div class="hover-shows">-->
|
|
|
+ <!--<em :class="{ 'off' : item.status== 0}"></em>-->
|
|
|
+ <!--<span :class="{ 'off' : item.status== 0}">失效</span>-->
|
|
|
+ <!--<a @click="deleteHistory(item,item.id)">×</a>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</dd>-->
|
|
|
+ <!--</dl>-->
|
|
|
+ <!--</div>-->
|
|
|
</li>
|
|
|
<li class="right-bar-item">
|
|
|
<a @click="toTop()" class="title">
|
|
|
- <i class="iconfont icon-arrow-up icon-xlg"></i>
|
|
|
+ <i class="iconfont icon-arrow-up icon-xlg"></i><br/>
|
|
|
+ <span>返回顶部</span>
|
|
|
</a>
|
|
|
- <div class="sidebar-menu"><a @click="toTop()" title="返回顶部" target="_blank">返回顶部</a></div>
|
|
|
+ <!--<div class="sidebar-menu"><a @click="toTop()" title="返回顶部" target="_blank">返回顶部</a></div>-->
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -396,9 +402,8 @@ i {
|
|
|
.right-bar ul li .sidebar-menu {
|
|
|
position: absolute;
|
|
|
display: block;
|
|
|
- right: -100%;
|
|
|
- top: 0px;
|
|
|
- bottom: 0;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
width: 100px;
|
|
|
line-height: 38px;
|
|
|
height: 38px;
|
|
|
@@ -607,22 +612,22 @@ i {
|
|
|
padding: 0;
|
|
|
}
|
|
|
.right-bar-item {
|
|
|
- width: 36px;
|
|
|
+ width: 75px;
|
|
|
/* height: 38px;*/
|
|
|
}
|
|
|
.right-bar .right-bar-item a.title {
|
|
|
display: inline-block;
|
|
|
- width: 36px;
|
|
|
- height: 38px;
|
|
|
- line-height: 38px;
|
|
|
- padding: 0;
|
|
|
+ width: 75px;
|
|
|
+ height: 75px;
|
|
|
+ line-height: 25px;
|
|
|
+ padding: 15px 0;
|
|
|
}
|
|
|
.right-bar {
|
|
|
position: fixed;
|
|
|
z-index: 1000;
|
|
|
right: 0;
|
|
|
top: 0;
|
|
|
- width: 36px;
|
|
|
+ width: 75px;
|
|
|
height: 100%;
|
|
|
|
|
|
.right-bar-center {
|
|
|
@@ -638,7 +643,7 @@ i {
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
bottom: 0;
|
|
|
- width: 36px;
|
|
|
+ width: 75px;
|
|
|
}
|
|
|
|
|
|
.right-bar-item {
|