|
|
@@ -2,7 +2,7 @@ |
|
|
|
<div class="bgBox">
|
|
|
|
<div class="topBar">
|
|
|
|
<div class="topBar_ct">
|
|
|
|
<p class="left">欢迎来到 武汉壹玖之家网络科技有限公司 !</p>
|
|
|
|
<p class="left">欢迎来到 武汉富茂科技有限公司 !</p>
|
|
|
|
<p class="right">
|
|
|
|
<span @click="goRouter('/publish')">发布信息</span>
|
|
|
|
<span @click="goRouter('/login')">登录</span>
|
|
|
@@ -11,7 +11,7 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="topImgBox">
|
|
|
|
<img src="../../assets/img/bg/bg.jpg" class="topImg" alt="">
|
|
|
|
<!-- <img src="../../assets/img/bg/bg.jpg" class="topImg" alt=""> -->
|
|
|
|
<el-input placeholder="搜索" v-model="search" class="searchIpt" @keyup.enter.native="searchFn">
|
|
|
|
</el-input>
|
|
|
|
</div>
|
|
|
@@ -79,8 +79,9 @@ export default { |
|
|
|
.topBar{
|
|
|
|
line-height: 40px;
|
|
|
|
height: 40px;
|
|
|
|
background: #409EFF;
|
|
|
|
color: #fff;
|
|
|
|
height: 40px;
|
|
|
|
background: rgb(228 242 253 / 70%);
|
|
|
|
color: #444;
|
|
|
|
.topBar_ct{
|
|
|
|
width: 1200px;
|
|
|
|
margin: 0 auto;
|
|
|
@@ -105,6 +106,9 @@ export default { |
|
|
|
}
|
|
|
|
.topImgBox{
|
|
|
|
position: relative;
|
|
|
|
height: 130px;
|
|
|
|
background: #E4F2FD;
|
|
|
|
width: 100%;
|
|
|
|
.searchIpt{
|
|
|
|
position: absolute;
|
|
|
|
right: 20%;
|
|
|
@@ -118,21 +122,19 @@ export default { |
|
|
|
}
|
|
|
|
.nav {
|
|
|
|
width: 1200px;
|
|
|
|
margin: 20px auto;
|
|
|
|
margin: -64px auto 20px;
|
|
|
|
display: flex;
|
|
|
|
/* height: 60px;
|
|
|
|
line-height: 60px; */
|
|
|
|
background: #606266;
|
|
|
|
.el-dropdown{
|
|
|
|
flex: 1;
|
|
|
|
text-align: center;
|
|
|
|
color: #fff;
|
|
|
|
cursor: pointer;
|
|
|
|
.title{
|
|
|
|
width: 100%;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
.el-menu--horizontal {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.el-menu--horizontal>.el-menu-item {
|
|
|
|
height: 50px;
|
|
|
|
line-height: 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.Box {
|
|
|
@@ -193,9 +195,7 @@ export default { |
|
|
|
text-align: center;
|
|
|
|
width: 14.2%;
|
|
|
|
} */
|
|
|
|
.el-menu--horizontal {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|