hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-21 00:36:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
lmj
2022-09-08 20:00:38 +08:00
parent a29e6b9ef9
commit 43d5d477c1
6 changed files with 141 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/PortalHeader.vue
View File

@@ -6,13 +6,26 @@
<img src="../assets/logo/logo.png" v-if="current == 'qa'" style="width:240px;height: 40px;" />
<img src="../assets/logo/logo2.png" v-else style="width:240px;height: 40px;" />
<div style="display: flex;justify-content: space-around;margin-left: 20px;">
<div class="top-nav" :class="current == 'index' ? 'current-nav' : ''"><router-link to="/index">首页</router-link></div>
<div class="top-nav" :class="current == 'course' ? 'current-nav' : ''"><router-link to="/course">课程</router-link></div>
<div class="top-nav" :class="current == 'article' ? 'current-nav' : ''"><router-link to="/article">文章</router-link></div>
<div class="top-nav" :class="current == 'qa' ? 'current-nav' : ''"><router-link to="/qa">问答</router-link></div>
<div class="top-nav" :class="current == 'index' ? 'current-nav' : ''">
<router-link to="/index">
首页
<div :class="current == 'index' ? 'nav-bottbor' : ''"></div>
</router-link></div>
<div class="top-nav" :class="current == 'course' ? 'current-nav' : ''">
<router-link to="/course">课程
<div :class="current == 'course' ? 'nav-bottbor' : ''"></div>
</router-link></div>
<div class="top-nav" :class="current == 'article' ? 'current-nav' : ''">
<router-link to="/article">文章
<div :class="current == 'article' ? 'nav-bottbor' : ''"></div>
</router-link></div>
<div class="top-nav" :class="current == 'qa' ? 'current-nav' : ''">
<router-link to="/qa">问答
<div :class="current == 'qa' ? 'nav-bottbor' : ''"></div>
</router-link></div>
<div class="top-nav">
<el-dropdown placement="bottom" @command="handleCommand">
<span class="el-dropdown-link" style="color:#000;font-size:16px;cursor: pointer;">专区</span>
<span class="el-dropdown-link" style="font-size:16px;cursor: pointer;">专区</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="one">BOE系列公开课</el-dropdown-item>
<el-dropdown-item command="two" divided>Grow180</el-dropdown-item>
@@ -22,8 +35,12 @@
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="top-nav" :class="current == 'case' ? 'current-nav' : ''"><router-link to="/case">推荐案例</router-link></div>
<div class="top-nav" :class="current == 'follow' ? 'current-nav' : ''"><router-link to="/follow">我的关注</router-link></div>
<div class="top-nav" :class="current == 'case' ? 'current-nav' : ''"><router-link to="/case">推荐案例
<div :class="current == 'case' ? 'nav-bottbor' : ''"></div>
</router-link></div>
<div class="top-nav" :class="current == 'follow' ? 'current-nav' : ''"><router-link to="/follow">我的关注
<div :class="current == 'follow' ? 'nav-bottbor' : ''"></div>
</router-link></div>
</div>
</div>
<div style="flex:1;display: flex;justify-content: flex-end;align-items: center;">
@@ -240,6 +257,7 @@ export default {
</script>
<style scoped rel="stylesheet/scss" lang="scss">
::v-deep .el-input__inner{
border-radius: 20px;
border: 1px solid #333333;
@@ -295,21 +313,18 @@ export default {
.top-nav {
font-size: 16px;
// text-align: center;
font-weight: 600;
color: #333330;
font-weight: 400;
color: #fff;
line-height: 72px;
padding: 0px 10px;
white-space:nowrap;
position: relative;
}
.anav {
margin: 10px;
color: #4489ce;
}
.current-nav {
color: #387DF7;
// background: #588afc;
// border-bottom: 4px solid;
}
::v-deep .el-badge {
.el-badge__content {
top: 0px;
@@ -348,7 +363,7 @@ export default {
}
.el-dropdown-link {
cursor: pointer;
color: #666666;
color: #fff;
}
.uavatar{
div{