320 lines
9.6 KiB
Vue
320 lines
9.6 KiB
Vue
<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> |