1107
This commit is contained in:
@@ -0,0 +1,320 @@
|
||||
<template>
|
||||
<view>
|
||||
<div class="group-nav">
|
||||
<div class="mod-nav clearfix">
|
||||
<div class="first-level-nav ">
|
||||
<div class="clearfix navigation-bottom">
|
||||
<div class="classification" id="bannerAllPro">
|
||||
<div class="classification-text">
|
||||
<i class="icon-nav icon-nav-menu"></i> 全部商品分类
|
||||
</div>
|
||||
<!--全部商品分类开始-->
|
||||
<div class="banner-left zghome-nav-disnone" style="display: none;">
|
||||
<div class="mod-category">
|
||||
<div class="part-category">
|
||||
<div class="cate-menu" psa="a156">
|
||||
<ul id="nav-sub" class="">
|
||||
<li class="clearfix menuliselected">
|
||||
<i class="cate-menu-icon cate-icon-1"></i>
|
||||
<h2>
|
||||
<a href="/market/index.html?name2=螺纹钢、高线">螺纹钢、高线</a>
|
||||
</h2>
|
||||
<div class="cate-item clearfix">
|
||||
<a href="/market/index.html?name2=螺纹钢">螺纹钢</a>
|
||||
<a href="/market/index.html?name2=盘螺">盘螺</a>
|
||||
<a href="/market/index.html?name2=盘圆">盘圆</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="cate-cont" psa="a157" style="display: none;">
|
||||
<div class="item-main" style="display: none;">
|
||||
<div class="part-hot-word">
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<h2>
|
||||
<a href="/market/index.html?name2=螺纹钢、高线">螺纹钢</a>
|
||||
</h2>
|
||||
<a href="/market/index.html" class="more">更多
|
||||
<i>></i></a>
|
||||
</div>
|
||||
<div class="cont">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="part-logo-cont">
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--全部商品分类结束-->
|
||||
</div>
|
||||
<div class="linkNav">
|
||||
<ul>
|
||||
<li class="nav ">
|
||||
<a href="/">首页</a>
|
||||
</li>
|
||||
<li class="nav ">
|
||||
<a href="/support/index.html">金久信自营</a>
|
||||
</li>
|
||||
<li class="nav ">
|
||||
<a href="javascript:;" @click="navTo('/pages/spot/goods/goods')" class="navigator">
|
||||
现货市场
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav ">
|
||||
<a href="javascript:;" @click="navTo('/pages/enquiry/list')" class="navigator">
|
||||
下询价单
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav ">
|
||||
<a href="/process/index.html">找加工</a>
|
||||
</li>
|
||||
<li class="nav ">
|
||||
<a href="/hezuo/index.html">找合作</a>
|
||||
</li>
|
||||
<li class="nav ">
|
||||
<a href="/junk/index.html">旧货交易</a>
|
||||
</li>
|
||||
<li class="nav ">
|
||||
<a href="/yellowpage/index.html">金久信黄页</a>
|
||||
</li>
|
||||
<li class="nav ">
|
||||
<a href="/school/index.html">金久信学堂</a>
|
||||
</li>
|
||||
<li class="nav ">
|
||||
<a href="/shop/index.html">特产商城</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="classification">
|
||||
<div class="entry">
|
||||
<div class="entry-link">
|
||||
<img src="@/static/images/logo-left2.png">
|
||||
</div>
|
||||
</div>
|
||||
<!--全部商品分类开始-->
|
||||
<div class="zghome-nav-display">
|
||||
|
||||
<div class="mod-manage" style="height: 500px;display: none">
|
||||
|
||||
<div class="me-login">
|
||||
<div class="login-not">
|
||||
<div class="login-head">
|
||||
<img src="/public/index/images/logo-small.png" alt="">
|
||||
</div>
|
||||
<div class="login-action">
|
||||
<a href="/user/login.html" class="login"
|
||||
id="banner_right_login">会员登录</a>
|
||||
|
||||
</div>
|
||||
<div class="runlings"><span
|
||||
style="display: inline-block;color: #a92924">免费</span>入驻通道
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="me-tab">
|
||||
<div class="me-tab-text">
|
||||
<ul>
|
||||
<li class="tab-left active">
|
||||
<a href="/buyer/index.html">买家入口 </a>
|
||||
</li>
|
||||
<li class="">
|
||||
<a href="/seller/index.html">卖家入口</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="me-tab-content">
|
||||
<div class="tab-inner">
|
||||
<div class="me-step clearfix">
|
||||
<dl>
|
||||
<dt>
|
||||
<i class="iconNew"><img
|
||||
src="/public/index/images/lg1.png"></i>
|
||||
<i class="iconNew iconNew-step-arrow"><img
|
||||
src="/public/index/images/lg13.png"></i>
|
||||
</dt>
|
||||
<dd>免费注册</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<i class="iconNew"><img
|
||||
src="/public/index/images/lg2.png"></i>
|
||||
<i class="iconNew iconNew-step-arrow"><img
|
||||
src="/public/index/images/lg13.png"></i>
|
||||
</dt>
|
||||
<dd>发布需求</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<i class="iconNew"><img
|
||||
src="/public/index/images/lg3.png"></i>
|
||||
</dt>
|
||||
<dd>管理采购</dd>
|
||||
</dl>
|
||||
<dl class="dowslf3">
|
||||
<dt class="clearfix">
|
||||
<i class="iconNew iconNew-step-arrow2"><img
|
||||
src="/public/index/images/lg14.png"></i>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<i class="iconNew"><img
|
||||
src="/public/index/images/lg6.png"></i>
|
||||
<i class="iconNew iconNew-step-arrow"><img
|
||||
src="/public/index/images/lg15.png"></i>
|
||||
</dt>
|
||||
<dd>达成交易</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<i class="iconNew"><img
|
||||
src="/public/index/images/lg5.png"></i>
|
||||
<i class="iconNew iconNew-step-arrow"><img
|
||||
src="/public/index/images/lg15.png"></i>
|
||||
</dt>
|
||||
<dd>验收</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<i class="iconNew"><img
|
||||
src="/public/index/images/lg4.png"></i>
|
||||
</dt>
|
||||
<dd> 我的订单</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<p style="width: 100%;margin:10px 0px;">
|
||||
<a href="/buyer/index.html"
|
||||
style="text-align: center;color: #a92924;font-size: 13px;line-height: 2">进入买家中心
|
||||
></a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="tab-inner" style="display: none;">
|
||||
<div class="me-step clearfix">
|
||||
<dl>
|
||||
<dt>
|
||||
<i class="iconNew"><img
|
||||
src="/public/index/images/lg7.png"></i>
|
||||
<i class="iconNew iconNew-step-arrow"><img
|
||||
src="/public/index/images/lg13.png"></i>
|
||||
</dt>
|
||||
<dd>企业注册</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<i class="iconNew"><img
|
||||
src="/public/index/images/lg8.png"></i>
|
||||
<i class="iconNew iconNew-step-arrow"><img
|
||||
src="/public/index/images/lg13.png"></i>
|
||||
</dt>
|
||||
<dd>商品管理</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<i class="iconNew"><img
|
||||
src="/public/index/images/lg9.png"></i>
|
||||
</dt>
|
||||
<dd>匹配需求</dd>
|
||||
</dl>
|
||||
<dl class="dowslf3">
|
||||
<dt class="clearfix">
|
||||
<i class="iconNew iconNew-step-arrow2"><img
|
||||
src="/public/index/images/lg14.png"></i>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<i class="iconNew"><img
|
||||
src="/public/index/images/lg12.png"></i>
|
||||
<i class="iconNew iconNew-step-arrow"><img
|
||||
src="/public/index/images/lg15.png"></i>
|
||||
</dt>
|
||||
<dd>完成订单</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<i class="iconNew"><img
|
||||
src="/public/index/images/lg11.png"></i>
|
||||
<i class="iconNew iconNew-step-arrow"><img
|
||||
src="/public/index/images/lg15.png"></i>
|
||||
</dt>
|
||||
<dd>卖出货品</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<i class="iconNew"><img
|
||||
src="/public/index/images/lg10.png"></i>
|
||||
</dt>
|
||||
<dd> 报价</dd>
|
||||
</dl>
|
||||
|
||||
</div>
|
||||
<p style="width: 100%;margin:10px 0px;">
|
||||
<a href="/seller/index.html"
|
||||
style="text-align: center;color: #a92924;font-size: 13px;line-height: 2">进入卖家中心
|
||||
></a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix wartchar">
|
||||
<div class="wartcharlist"><img src="/public/index/images/wx.png"
|
||||
style="height: 38px;margin-top: 5px;">
|
||||
<p style="padding-top: 5px;line-height: 2">金久信</p>
|
||||
<p>微信公众号</p>
|
||||
</div>
|
||||
<div class="wartcharlist">
|
||||
<img src="/public/upload/image/20210220/80705c8b12d05d0ff67a2758749ef09c.jpg"
|
||||
style="height: 100px;width: 100px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "category-bar",
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
navTo(url) {
|
||||
vk.navigateTo(url);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.navigator {
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,20 @@
|
||||
<template>
|
||||
<view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name:"common-footer",
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,117 @@
|
||||
<template>
|
||||
<view>
|
||||
<div class="group-head clearfix">
|
||||
<div class="group-inner clearfix">
|
||||
<div class="mod-logo">
|
||||
<a href="/" class="logo"><img src="@/static/images/logo.png"></a>
|
||||
</div>
|
||||
<div class="mod-mini-search">
|
||||
<div class="navigation-top clearfix">
|
||||
<div class="searchBar">
|
||||
<ul class="searchBar-tab clearfix">
|
||||
<li @click="searchTypeChange(0)" :class="{'active': searchType == 0}" class="_goods" >商品</li>
|
||||
<li @click="searchTypeChange(1)" :class="{'active': searchType == 1}" class="_shop">商户</li>
|
||||
</ul>
|
||||
<div class="clearfix">
|
||||
<div class="searchBar-input">
|
||||
<div class="searchBar-input-inner">
|
||||
<input type="text" :placeholder="searchList[searchType].placeholder"
|
||||
maxlength="100" autocomplete="off">
|
||||
</div>
|
||||
<div class="searchBar-input-list" style="display: none;"></div>
|
||||
</div>
|
||||
<div class="preventButton button" desc=""></div>
|
||||
<div class="button" @click="search">搜索</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mod-hot-query">
|
||||
<ul class="clearfix">
|
||||
<li>
|
||||
<a href="/market/index.html?product_name=直缝焊管">直缝焊管</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/market/index.html?product_name=架子管">架子管</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/market/index.html?product_name=无缝管">无缝管</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/market/index.html?product_name=方矩管">方矩管</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/market/index.html?product_name=钢板">钢板</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/market/index.html?product_name=螺纹钢">螺纹钢</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/market/index.html?product_name=H型钢">H型钢</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/market/index.html?product_name=工字钢">工字钢</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/market/index.html?product_name=槽钢">槽钢</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/market/index.html?product_name=镀锌钢管">镀锌钢管</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mod-menu">
|
||||
<div class="hrd">
|
||||
<a href="/support/index.html" class="hrd-landing">
|
||||
<img src="@/static/images/logo-left.png">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mod-download-icon js-download">
|
||||
<a class="download clearfix" href="" target="_blank">
|
||||
<span style="float: left;font-size: 13px;padding-top: 27px;padding-right: 10px;">金久信<br>
|
||||
手机站</span>
|
||||
<img src="/public/upload/image/20210220/80705c8b12d05d0ff67a2758749ef09c.jpg"
|
||||
style="height: 90px;width: 90px;float: left;">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "common-header",
|
||||
data() {
|
||||
return {
|
||||
searchType: 0,
|
||||
searchList: [
|
||||
{
|
||||
type: 0,
|
||||
name: '商品',
|
||||
placeholder:'请输入品名 材质 规格 钢厂等搜索'
|
||||
},
|
||||
{
|
||||
type: 1,
|
||||
name: '商户',
|
||||
placeholder:'请输入商户名或公司名进行搜索'
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
searchTypeChange(e) {
|
||||
this.searchType = e
|
||||
},
|
||||
search() {
|
||||
this.$message('这是一条消息提示');
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,68 @@
|
||||
<template>
|
||||
<!-- 万能表单 -->
|
||||
<view v-if="scene === 'form'">
|
||||
<el-divider content-position="left">{{column.title}}</el-divider>
|
||||
<!-- <el-input :value="value" @input="_input"></el-input> -->
|
||||
</view>
|
||||
<!-- 万能表格 -->
|
||||
<view v-else-if="scene === 'table'">
|
||||
<text>{{ value }}</text>
|
||||
</view>
|
||||
<!-- 万能表格详情 -->
|
||||
<view v-else-if="scene === 'detail'">
|
||||
<text>{{ value }}</text>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
// 双向绑定的值
|
||||
value: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
// 字段规则
|
||||
column: {
|
||||
type: Object,
|
||||
default: function() {
|
||||
return {};
|
||||
}
|
||||
},
|
||||
// 当前场景 form 万能表单 table 万能表格 detail 表格详情页
|
||||
scene: {
|
||||
type: String,
|
||||
default: "form"
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
// 组件加载完成时触发
|
||||
mounted() {
|
||||
|
||||
},
|
||||
// 组件函数
|
||||
methods: {
|
||||
_input(value){
|
||||
// 固定顺序，先input，再change
|
||||
// this.$emit("input", value);
|
||||
// this.$emit("change", value);
|
||||
}
|
||||
},
|
||||
// 监听器
|
||||
watch: {
|
||||
|
||||
},
|
||||
// 计算属性
|
||||
computed: {
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,20 @@
|
||||
<template>
|
||||
<view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name:"page-nav",
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,180 @@
|
||||
<template>
|
||||
<view>
|
||||
<div class="layout layout-fix-tab-narrow" style="right: 0px;">
|
||||
<div class="mod-fix-tab-narrow" style="display: block; ">
|
||||
<div class="fix-tab-main">
|
||||
<ul>
|
||||
<li class="side-hrd">
|
||||
<a rel="nofollow" href="/enquiry/add.html" class="DeliveryMyCard">
|
||||
<div class="item">
|
||||
<i class="wag-icon"><img src="@/static/images/cl1.png"></i>
|
||||
</div>
|
||||
<span>下询价单</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- <li class="side-ruzhu">-->
|
||||
<!-- <a rel="nofollow" href="" target="_blank">-->
|
||||
<!-- <div class="item">-->
|
||||
<!-- <i class="wag-icon"><img src="@/static/images/cl2.png"></i>-->
|
||||
<!-- </div>-->
|
||||
<!-- <span>我要入驻</span>-->
|
||||
<!-- </a>-->
|
||||
<!-- </li>-->
|
||||
|
||||
<li class="side-add-cart"><a rel="nofollow" href="/support/shopping.html" target="_blank">
|
||||
<div class="item">
|
||||
<i class="wag-icon"><img src="@/static/images/cl3.png"></i>
|
||||
</div>
|
||||
<span class="txt"> 进货单 </span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="side-steel-kefu">
|
||||
<a rel="nofollow"
|
||||
href="http://wpa.qq.com/msgrd?v=3&uin=949419497&site=qq&menu=yes"
|
||||
target="_blank">
|
||||
<div class="item">
|
||||
<i class="wag-icon"><img src="@/static/images/cl4.png"></i>
|
||||
</div>
|
||||
<span>在线客服</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="side-steel-counter">
|
||||
<a rel="nofollow" href="/counter/index.html">
|
||||
<div class="item">
|
||||
<i class="wag-icon"><img src="@/static/images/cl5.png"></i>
|
||||
</div>
|
||||
<span>钢材计算器</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="side-steel-search">
|
||||
<a rel="nofollow" href="/yellowpage/index.html" target="_blank">
|
||||
<div class="item">
|
||||
<i class="wag-icon"><img src="@/static/images/cl6.png"></i>
|
||||
</div>
|
||||
<span>金久信黄页</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="actGotop" style="display: none;">
|
||||
<div class="item">
|
||||
<i class="wag-icon"><img src="@/static/images/cc-top.png"></i>
|
||||
</div>
|
||||
<span>返回顶部</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "right-bar",
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.layout-fix-tab-narrow {
|
||||
border-left: 1px solid #f1f1f1;
|
||||
position: fixed;
|
||||
right: -40px;
|
||||
top: 0;
|
||||
width: 40px;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
z-index: 9999999;
|
||||
-webkit-transition: right .5s ease;
|
||||
-moz-transition: right .5s ease;
|
||||
-ms-transition: right .5s ease;
|
||||
-o-transition: right .5s ease;
|
||||
transition: right .5s ease;
|
||||
line-height: 1.5;
|
||||
color: #656565;
|
||||
font-size: 12px;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Microsoft YaHei, sans-serif;
|
||||
}
|
||||
|
||||
.mod-fix-tab-narrow li {
|
||||
width: 40px;
|
||||
position: relative;
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
.mod-fix-tab-narrow li {
|
||||
padding: 4px 0;
|
||||
cursor: pointer;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.layout-fix-tab-narrow a {
|
||||
color: #656565;
|
||||
text-decoration: none;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
.mod-fix-tab-narrow li .item {
|
||||
display: block;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
text-align: center;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
.mod-fix-tab-narrow li span {
|
||||
display: block;
|
||||
right: 0;
|
||||
width: 16px;
|
||||
white-space: inherit;
|
||||
text-align: center;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
padding: 0 12px;
|
||||
line-height: 14px;
|
||||
z-index: 10;
|
||||
top: 32px;
|
||||
transition: inherit;
|
||||
}
|
||||
|
||||
.wag-icon {
|
||||
font-size: 16px;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
font-style: normal;
|
||||
color: #353535;
|
||||
|
||||
}
|
||||
|
||||
.mod-fix-tab-narrow li:hover {
|
||||
box-shadow: 0 0;
|
||||
color: #a92924
|
||||
}
|
||||
|
||||
.mod-fix-tab-narrow li:hover {
|
||||
box-shadow: 0 0 16px 0 hsla(0, 0%, 77%, .5)
|
||||
}
|
||||
|
||||
.mod-fix-tab-narrow li:hover span {
|
||||
box-shadow: 0 0;
|
||||
color: #a92924
|
||||
}
|
||||
|
||||
.mod-fix-tab-narrow {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.a-fadeinL {
|
||||
margin-top: 50px;
|
||||
-webkit-transition: right .5s ease;
|
||||
-moz-transition: right .5s ease;
|
||||
-ms-transition: right .5s ease;
|
||||
-o-transition: right .5s ease;
|
||||
transition: right .5s ease;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,138 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="group-wagbar">
|
||||
<div class="group-inner">
|
||||
<div class="mod-welcome">
|
||||
<h5 class="welcome-item slogan js-slogan">欢迎来到金久信钢城首页！</h5>
|
||||
<div class="welcome-item login-register">
|
||||
|
||||
<navigator v-if="!vk.getVuex('$user.userInfo.nickname')" class="login js-top-bar-login"
|
||||
url="/pages/auth/login/login" rel="nofollow" target="_self" style="display: inline-block;">
|
||||
请登录</navigator>
|
||||
<navigator v-if="!vk.getVuex('$user.userInfo.nickname')" class="register "
|
||||
url="/pages/auth/register/register" rel="nofollow" target="_blank"
|
||||
style="display: inline-block;">免费注册</navigator>
|
||||
|
||||
<el-dropdown @command="handleCommand" size="mini" v-if="vk.getVuex('$user.userInfo.nickname')">
|
||||
<span class="register">
|
||||
{{vk.getVuex('$user.userInfo.nickname')}}<i
|
||||
class="el-icon-arrow-down el-icon--right"></i>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item>
|
||||
<navigator url="/pages/user/user">个人中心</navigator>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>买家中心</el-dropdown-item>
|
||||
<el-dropdown-item>卖家中心</el-dropdown-item>
|
||||
<el-dropdown-item>我的加工</el-dropdown-item>
|
||||
<el-dropdown-item>金久信学堂</el-dropdown-item>
|
||||
<el-dropdown-item>合同管理</el-dropdown-item>
|
||||
<el-dropdown-item>订单管理</el-dropdown-item>
|
||||
<el-dropdown-item command="logout">退出登录</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="mod-tools">
|
||||
<ul>
|
||||
<li class="tool-item buyer-item">
|
||||
<a rel="nofollow" href="/buyer/index.html" class="bar-title">买家中心<i></i></a>
|
||||
<div class="bar-content">
|
||||
<dl>
|
||||
<dd>
|
||||
<a rel="nofollow" href="/buyer/index.html">询价管理</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a rel="nofollow" href="/buyer/deal.html">订单管理</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a rel="nofollow" href="/buyer/contract.html">合同管理</a>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="tool-item service-item">
|
||||
<a rel="nofollow" href="" class="bar-title" target="_blank">客户服务<i></i></a>
|
||||
<div class="bar-content">
|
||||
<dl>
|
||||
<dd>
|
||||
<a rel="nofollow" href="/article/lists/id/12.html">常见问题</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a rel="nofollow" href="/article/lists/id/12.html">买家指南</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a rel="nofollow" href="/article/lists/id/14.html">卖家指南</a>
|
||||
</dd>
|
||||
<!-- <dd>-->
|
||||
<!-- <a rel="nofollow" target="_self" id="wagbar-im"-->
|
||||
<!-- class="im data-tracelog">在线咨询</a>-->
|
||||
<!-- </dd>-->
|
||||
</dl>
|
||||
</div>
|
||||
</li>
|
||||
<li class="tool-item">
|
||||
<a rel="nofollow" href="/member/message.html" class="bar-title" target="_blank">我的消息</a>
|
||||
</li>
|
||||
<li class="tool-item2">
|
||||
<a rel="nofollow" href="" class="bar-title" target="_blank"><span>客服服务热线：+86
|
||||
0771-3923001</span></a>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "top-bar",
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
handleCommand(e) {
|
||||
if (e == 'logout') {
|
||||
this.logout()
|
||||
}
|
||||
},
|
||||
logout() {
|
||||
this.$confirm('确认退出登录?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then( () => {
|
||||
vk.userCenter.logout({
|
||||
success: (data) => {
|
||||
// 退出登录成功后的逻辑
|
||||
uni.reLaunch({
|
||||
url: '/'
|
||||
})
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.register {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: #a92924;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user