hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-12 12:26: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

36
src/layout/components/TopNav/Index.vue
View File

@@ -4,7 +4,7 @@
<div class="xtop-content xcontent">
<div class="xtop-left">
<!-- <div> -->
<router-link class="routerLink" to="/index"><img src="../../../assets/logo/logo.png" style="width:240px;height: 30px;" /></router-link>
<router-link class="routerLink" to="/index"><img src="../../../assets/logo/logo2.png" style="width:240px;height: 30px;" /></router-link>
<!-- </div> -->
<div class="xtop-nav">
<div><a :href="`${webBaseUrl}/index`">首页</a></div>
@@ -14,7 +14,7 @@
<div><a :href="`${webBaseUrl}/qa`">问答</a></div>
<div>
<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="color:#fff;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>
@@ -27,12 +27,25 @@
</div>
</div>
<div class="xtop-right" style="display: flex;justify-content: flex-end;align-items: center;">
<!-- <div>
<div v-if="goSearch !=10" style="margin-left:250px;margin-right:50px;">
<el-input v-show="!hideSearch" placeholder="搜索" style="width: 260px;border-radius: 20px !important;" @keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword" class="input-with-select">
<el-select v-model="findType" style="width: 75px;" slot="prepend" placeholder="请选择">
<el-option label="课程" value="1"></el-option>
<el-option label="案例" value="2"></el-option>
<el-option label="文章" value="3"></el-option>
<el-option label="问答" value="4"></el-option>
<!-- <el-option label="专区" value="5"></el-option> -->
</el-select>
<!-- <el-button slot="append" icon="el-icon-search" @click="searchJump()">搜索</el-button> -->
<el-button slot="append" icon="el-icon-search" @click="searchJump()" class="input-with-select-btn"></el-button>
</el-input>
</div>
<div>
<el-badge :value="userMsg" :hidden="userMsg==0" class="message-count">
<el-link type="primary" :href="`${webBaseUrl}/message`" target="_blank" icon="el-icon-message-solid" :underline="false"></el-link>
</el-badge>
</div>
<div style="margin-left: 20px;"><el-avatar :src="userInfo.avatar" style="vertical-align: middle;width:28px;height:28px;margin-right:2px;"></el-avatar></div>
<div style="margin-left: 50px;"><el-avatar :src="userInfo.avatar" style="vertical-align: middle;width:28px;height:28px;margin-right:2px;"></el-avatar></div>
<div style="margin-left: 5px;">
<el-dropdown @command="handleUcCommand">
<span class="el-dropdown-link">
@@ -42,7 +55,7 @@
<el-dropdown-item command="logout">退出</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div> -->
</div>
<div class="person-action">
<el-badge :value="userMsg" :hidden="userMsg == 0" class="message-count">
<el-link type="primary" :href="`${webBaseUrl}/message`" icon="el-icon-bell" :underline="false"></el-link>
@@ -219,6 +232,12 @@ export default {
</script>
<style lang="scss" scoped>
::v-deep.xtop .xtop-right .person-action[data-v-5bcef51e] .message-count i{
color: #fff !important;
}
.el-button--text{
color: #fff;
}
::v-deep .dialog-signin{
background: transparent;
box-shadow:none;
@@ -315,7 +334,7 @@ export default {
.xtop {
height: 56px;
line-height: 56px;
background-color: #FFFFFF;
background-color: #302F33;
position: fixed;
top: 0px;
left: 0px;
@@ -354,6 +373,7 @@ export default {
.xtop-nav > div {
line-height: 56px;
padding: 0px 24px;
color: #fff;
}
.xtop .xtop-right {
@@ -474,7 +494,7 @@ export default {
}
}
.message-count a{
color: #858D99;
color: #fff;
font-size: 28px;
margin-top: 0 !important;
}
@@ -489,6 +509,6 @@ export default {
}
.el-dropdown-link{
cursor: pointer;
color: #666666;
color: #fff;
}
</style>