Skip to content

严立 / cd-bid

Go to a project
Commit 34a095e1 by 严立
Options

修复 ie 问题

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