williamet/jiace-web
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

隐藏登录页的验证码登录，并把ul及li展示到header中

Browse Source
This commit is contained in:
熊丽君
2021-09-15 17:12:41 +08:00
parent de91aeac33
commit 35dc35ce83
8 changed files with 189 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

149
src/views/index.vue
View File

@ -37,7 +37,7 @@
<headerPage />
<!-- ul li 列表 -->
<div class="uls">
<!-- <div class="uls">
<div class="lis content">
<ul>
<li
@ -47,13 +47,10 @@
@click="handlePath(item.path)"
>
{{ item.name }}
<!-- <router-link :to="item.path">
{{ item.name }}
</router-link> -->
</li>
</ul>
</div>
</div>
</div> -->
<!-- 路由站位 -->
<div class="content" style="padding: 10px 0">
<router-view></router-view>
@ -76,37 +73,37 @@ export default {
},
data() {
return {
input: '',
lisList: [
{
path: '/home',
name: '首页'
},
{
path: '/notice',
name: '通知公告'
},
{
path: '/demand',
name: '企业需求'
},
{
path: '/achievements',
name: '科技成果'
},
{
path: '/declare',
name: '高企申报'
},
{
path: '/qualifications',
name: '资质申报'
},
{
path: '/assessment',
name: '智能评估'
}
],
// input: '',
// lisList: [
// {
// path: '/home',
// name: '首页'
// },
// {
// path: '/notice',
// name: '通知公告'
// },
// {
// path: '/demand',
// name: '企业需求'
// },
// {
// path: '/achievements',
// name: '科技成果'
// },
// {
// path: '/declare',
// name: '高企申报'
// },
// {
// path: '/qualifications',
// name: '资质申报'
// },
// {
// path: '/assessment',
// name: '智能评估'
// }
// ],
path: this.$route.path == '/' ? '/home' : this.$route.path
};
},
@ -261,46 +258,46 @@ export default {
}
}
}
.uls {
background-color: #ffa32c;
height: 48px;
line-height: 48px;
.lis {
ul {
margin: 0;
list-style: none;
padding-left: 0;
li {
float: left;
padding: 0 41px;
cursor: pointer;
color: #fff;
font-size: 24px;
}
li:hover {
background-color: #3394ff;
}
.is-active {
position: relative;
background-color: #3394ff;
}
.is-active::after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid #fff;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
position: absolute;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
}
}
}
}
// .uls {
// background-color: #ffa32c;
// height: 48px;
// line-height: 48px;
// .lis {
// ul {
// margin: 0;
// list-style: none;
// padding-left: 0;
// li {
// float: left;
// padding: 0 41px;
// cursor: pointer;
// color: #fff;
// font-size: 24px;
// }
// li:hover {
// background-color: #3394ff;
// }
// .is-active {
// position: relative;
// background-color: #3394ff;
// }
// .is-active::after {
// content: '';
// display: block;
// width: 0;
// height: 0;
// border-top: 7px solid transparent;
// border-bottom: 7px solid #fff;
// border-left: 7px solid transparent;
// border-right: 7px solid transparent;
// position: absolute;
// bottom: -1px;
// left: 50%;
// transform: translateX(-50%);
// }
// }
// }
// }
}
/deep/.el-badge__content.is-fixed {
top: 5px;