Skip to content

严立 / cd-bid

Go to a project
Commit 34a095e1 by 严立
Options

修复 ie 问题

parent cb0fb689
Inline Side-by-side
Showing with 99 additions and 80 deletions
src/common/js/host.js
......@@ -5,14 +5,14 @@ let output = {
// agentSignIn: 'http://bid-vue.meiqicloud.com/'
// 测试环境
// base: '/Api/',
// resources: 'http://bid-web.meiqicloud.com',
// agentSignIn: 'http://bid-vue.meiqicloud.com/'
base: '/Api/',
resources: 'http://bid-web.meiqicloud.com',
agentSignIn: 'http://bid-vue.meiqicloud.com/'
// 正式环境
base: '/Api/',
resources: 'https://www.fjbidding.com',
agentSignIn: 'https://www.fjbidding.com/admin/'
// base: '/Api/',
// resources: 'https://www.fjbidding.com',
// agentSignIn: 'https://www.fjbidding.com/admin/'
}
output.uploadFile = output.base + 'bid/common/webupload/upload'
......
src/components/currency-navigation.vue
......@@ -5,21 +5,15 @@
<div class="logo">
<img src="../assets/logo@2x.png" alt="">
</div>
<div class="navigation row con-e">
<el-menu :default-active="active" class="el-menu-demo" mode="horizontal" @select="onSelect">
<el-menu-item index="home">首页</el-menu-item>
<el-menu-item index="bid">招标采购</el-menu-item>
<el-menu-item index="quote">网上竞价</el-menu-item>
<el-menu-item index="change">变更公告</el-menu-item>
<el-menu-item index="result">结果公告</el-menu-item>
<el-submenu index="information">
<template slot="title">招标资讯</template>
<el-menu-item index="information-policy">政策法规</el-menu-item>
<el-menu-item index="information-trends">招标动态</el-menu-item>
<el-menu-item index="information-help">帮助中心</el-menu-item>
</el-submenu>
<el-menu-item index="about">关于我们</el-menu-item>
</el-menu>
<div class="navigation row con-e" @mouseleave="onMouseLeave()">
<div class="navigation-item" :class="active === item.index ? 'navigation-item-active' : ''" v-for="(item, index) in menu" :key="index" @mouseenter="onMouseEnter(item)">
<span class="global-cursor" @click="onSelect(item, index)">{{item.text}}</span>
<div class="navigation-item-child" v-show="item.child && menuChild.length">
<div v-for="(childItem, childIndex) in menuChild" :key="childIndex" class="row align-c">
<span class="global-cursor" @click="onSelect(childItem, childIndex)">{{childItem.text}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
......@@ -32,26 +26,20 @@
data () {
return {
active: '',
option: [
// 最高权重配置
{ index: 'quote', redirect: '/bid?type=0' },
{ index: 'bid', redirect: '/bid?type=2' },
{ index: 'change', redirect: '/bid?type=4' },
{ index: 'result', redirect: '/bid?type=6' },
{ index: 'information-policy', redirect: '/policy' },
{ index: 'information-trends', redirect: '/trends' },
{ index: 'information-help', redirect: '/help' },
{ index: 'about', redirect: '/about' },
// 次级权重配置
{ index: 'quote', redirect: '/bid/notice?type=0' },
{ index: 'bid', redirect: '/bid/notice?type=2' },
{ index: 'change', redirect: '/bid/notice?type=4' },
{ index: 'result', redirect: '/bid/notice?type=6' },
// 最低权重配置
{ index: 'home', redirect: '/' },
]
menu: [
{ text: '首页', index: 'home', redirect: '/' },
{ text: '网上竞价', index: 'quote', redirect: '/bid?type=0' },
{ text: '招标采购', index: 'bid', redirect: '/bid?type=2' },
{ text: '变更公告', index: 'change', redirect: '/bid?type=4' },
{ text: '结果公告', index: 'result', redirect: '/bid?type=6' },
{ text: '招标资讯', index: 'information', redirect: 'information', child: [
{ text: '政策法规', index: 'information', redirect: '/policy' },
{ text: '招标动态', index: 'information', redirect: '/trends' },
{ text: '帮助中心', index: 'information', redirect: '/help' },
]},
{ text: '关于我们', index: 'about', redirect: '/about' },
],
menuChild: []
}
},
......@@ -66,17 +54,25 @@
},
methods: {
onSelect: function (funcIndex) {
this.active = ''
for (let i = 0, len = this.option.length; i < len; i++) {
if (funcIndex === this.option[i].index) {
this.active = funcIndex
this.$router.push(this.option[i].redirect)
break
}
onMouseLeave: function (funcItem) {
this.menuChild = []
},
onMouseEnter: function (funcItem) {
if (funcItem.child) {
this.menuChild = funcItem.child
} else {
this.menuChild = []
}
},
onSelect: function (funcItem, funcIndex) {
// console.log(funcItem)
this.active = funcItem.index
this.$router.push(funcItem.redirect)
this.setActive()
},
setActive: function () {
let funcRouterCurrentPath = iVue.$route.fullPath
if (funcRouterCurrentPath === '/') {
......@@ -85,12 +81,25 @@
}
this.active = ''
for (let i = 0, len = this.option.length; i < len; i++) {
if (funcRouterCurrentPath.indexOf(this.option[i].redirect) >= 0 && this.option[i].redirect !== '/') {
this.active = this.option[i].index
for (let i = 0, len = this.menu.length; i < len; i++) {
if (this.menu[i].redirect === '/') {
continue
}
if (this.menu[i].child) {
for (let ii = 0, ll = this.menu[i].child.length; ii < ll; ii++) {
if (funcRouterCurrentPath.indexOf(this.menu[i].child[ii].redirect) === 0) {
this.active = this.menu[i].index
break
}
}
} else {
if (funcRouterCurrentPath.indexOf(this.menu[i].redirect) === 0) {
this.active = this.menu[i].index
break
}
}
}
}
}
}
......@@ -108,34 +117,38 @@
}
.navigation {
.el-menu-demo {
border: none;
}
.el-menu-item,
.el-submenu {
width: 60px;
margin: 0 26px;
padding: 0;
color: #000000;
font-size: @fontSize02;
text-align: center;
.el-submenu__title {
width: 66px;
margin: 0;
padding: 0;
color: #000000;
border-bottom: none !important;
font-size: @fontSize02;
}
padding: 0 14px;
.navigation-item {
position: relative;
height: 72px;
margin-left: 48px;
line-height: 72px;
}
.is-active {
.navigation-item-active {
font-weight: 800;
color: @colorBlue !important;
border-bottom: 5px solid @colorRed !important;
}
.navigation-item-child {
z-index: 9;
position: absolute;
top: 76px;
left: 0;
min-width: 180px;
padding: 0 12px;
background: #FFFFFF;
border-radius: 4px;
box-shadow: 0 0 8px rgba(0, 0, 0, .2);
> div {
height: 40px;
font-size: 14px;
font-weight: 100;
color: #909399;
}
}
}
}
</style>
src/view/about.vue
......@@ -2,7 +2,7 @@
<div class="about col align-c">
<componentHeader></componentHeader>
<componentNavigation></componentNavigation>
<div class="about-banner">
<div class="about-banner row con-c align-c">
<img src="../assets/about.png" alt="">
</div>
<div class="global-maxwidth about-us row con-c">
......@@ -13,7 +13,6 @@
<p><span>电话：0592-5859311</span></p>
</div>
<div class="about-us-amp">
<!-- <componentBaiduMap class="bm-view" ak="YOUR_APP_KEY"></componentBaiduMap> -->
<img src="../assets/about-map.png" alt="">
</div>
</div>
......@@ -26,14 +25,11 @@
import iNavigation from '@/components/currency-navigation.vue'
import iFooter from '@/components/currency-footer.vue'
import iBaiduMap from 'vue-baidu-map/components/map/Map.vue'
export default {
components: {
componentHeader: iHeader,
componentNavigation: iNavigation,
componentFooter: iFooter,
componentBaiduMap: iBaiduMap
},
data: function () {
return {
......@@ -50,9 +46,14 @@
background-repeat: no-repeat;
.about-banner {
align-items: center;
flex-direction: column;
max-width: 100%;
width: 100%;
overflow: hidden;
img {
width: 100%;
height: 400px;
}
}
......
src/view/home.vue
......@@ -600,10 +600,15 @@
font-size: @fontSize08;
}
.home-banner {
position: relative;
width: 100%;
overflow: hidden;
.home-carousel {
align-items: center;
flex-direction: column;
max-width: 100%;
.el-carousel__item {
display: flex;
flex-direction: row;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment