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

调整首页

Browse Source
This commit is contained in:
daihh
2022-10-14 12:34:03 +08:00
parent b12280e6fb
commit 3a04078717
5 changed files with 104 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/PortalHeader.vue
View File

@@ -71,11 +71,10 @@
<el-link v-else class="person-action-index" type="primary" style="margin-right:10px; color:#fff;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link> -->
<!-- <el-link type="primary" @click="logout()" icon="el-icon-switch-button" :underline="false">退出</el-link> -->
<div class="person-action-item">
<el-badge class="person-action-index message-count" :value="userMsg" :hidden="userMsg == 0">
<el-badge class="person-action-index" :value="userMsg" :hidden="userMsg == 0">
<el-tooltip content="消息" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip">
<el-link type="primary" :href="`${webBaseUrl}/message/center/index`" :underline="false">
<svg-icon v-if="current == 'qa' || 'index'" style="margin-right: 0;font-size:26px;" icon-class="message"></svg-icon>
<svg-icon v-else style="margin-right: 0;font-size:26px;" icon-class="messfff"></svg-icon>
<svg-icon :style="{color:textColor}" style="margin-right: 0;font-size:26px;" icon-class="message"></svg-icon>
</el-link>
</el-tooltip>
</el-badge>
@@ -105,8 +104,7 @@
<div v-else><img src="../../public/images/Avatarwoman.png" alt=""></div>
</div>
</div>
<div v-if="current == 'qa'" style="font-size: 14px;font-weight: 600;margin-top: 10px;">{{userInfo.name}}</div>
<div v-else style="font-size: 14px;font-weight: 600;margin-top: 10px;">{{userInfo.name}}</div>
<div style="font-weight: 400;font-size: 16px; margin-top: 8px;">{{userInfo.name}}</div>
</div>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item @click.native="setCurIdentity(1)"><a :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`">个人中心</a></el-dropdown-item>
@@ -115,11 +113,9 @@
</el-dropdown>
</div>
<div class="person-action-item">
<div v-if="current == 'qa'" class="person-action-index" :style="{color:textColor}" @click="logout()">
<svg-icon style="margin-right: 4px;font-size:22px;" icon-class="black-out"></svg-icon>登出
</div>
<div v-else class="person-action-index" :style="{color:textColor}" @click="logout()">
<svg-icon style="margin-right: 4px;font-size:22px;" icon-class="white-out"></svg-icon>登出
<div class="person-action-index" :style="{color:textColor}" @click="logout()">
<svg-icon style="margin-right: 4px;font-size:16px;" icon-class="white-out"></svg-icon>登出
</div>
</div>
</div>
@@ -151,7 +147,7 @@ export default {
default: 0,
}
},
// components:{InterestCollection,GuideBox}, // 注释兴趣爱好弹窗显示
computed: {
...mapGetters(['userInfo', 'userMsg','identity']),
@@ -383,19 +379,19 @@ export default {
.person-action-index{
//margin-left: 40px;
font-size: 14px;
font-weight: 600;
font-size: 16px;
font-weight: 400;
}
::v-deep .message-count{
//margin-right: 20px;
i{
font-size: 26px;
color:#409EFF;
}
// ::v-deep .el-badge__content.is-fixed {
// right: 48px;
// ::v-deep .message-count{
// //margin-right: 20px;
// i{
// font-size: 26px;
// color:#409EFF;
// }
}
// // ::v-deep .el-badge__content.is-fixed {
// // right: 48px;
// // }
// }
::v-deep.el-avatar{
margin-right: 8px;
img{