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

修改

Browse Source
This commit is contained in:
lmj
2022-09-09 17:56:21 +08:00
parent 88ed748cd3
commit b8fdaafacc
4 changed files with 50 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/PortalHeader.vue
View File

@@ -45,32 +45,35 @@
</div>
<div style="flex:1;display: flex;justify-content: flex-end;align-items: center;">
<div v-if="goSearch !=10">
<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-if="current == 'index'" v-model="findType" style="width: 75px;" slot="prepend" placeholder="请选择">
<el-input v-show="!hideSearch" placeholder="搜索" style="width: 260px;border-radius: 20px !important;" @keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword" >
<el-select v-model="findType" style="width: 75px; border-radius:20px !important;" 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-button @click="searchJump()" type="primary" size="mini">搜索</el-button>
</el-input>
</div>
<div class="person-action" >
<!-- 消息 -->
<el-link class="person-action-index" type="primary" style="margin-right:10px;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link>
<el-link v-if="current == 'qa'" class="person-action-index" type="primary" style="margin-right:10px; color:#333;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link>
<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> -->
<el-badge class="person-action-index message-count" :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`" :underline="false">
<svg-icon style="margin-right: 0;font-size:26px;" icon-class="message"></svg-icon>
<svg-icon v-if="current == 'qa'" 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>
</el-link>
</el-tooltip>
</el-badge>
<el-dropdown class="person-action-index">
<span class="el-dropdown-link">
<span style="color: #333;">学员</span><i class="el-icon-arrow-down el-icon--right"></i>
<span v-if="current == 'qa'" style="color: #333;">学员</span>
<span v-else style="color: #fff;">学员</span><i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>学员</el-dropdown-item>
@@ -87,7 +90,8 @@
</div>
</a>
</div>
<div style="color:#333;font-size: 16px;font-weight: 600;">{{userInfo.name}}</div>
<div v-if="current == 'qa'" style="color:#000;font-size: 16px;font-weight: 600;">{{userInfo.name}}</div>
<div v-else style="color:#fff;font-size: 16px;font-weight: 600;">{{userInfo.name}}</div>
</div>
</div>
</div>
@@ -259,10 +263,8 @@ export default {
<style scoped rel="stylesheet/scss" lang="scss">
::v-deep .el-input__inner{
border-radius: 20px;
border: 1px solid #333333;
border-radius: 6px;
border-right: none;
background: rgba(255,255,255,0.12);
}
::v-deep .el-badge__content.is-fixed {
right: 10px;
@@ -288,7 +290,6 @@ export default {
margin-left: 40px;
font-size: 16px;
font-weight: 600;
color: #333333 !important;
}
::v-deep .message-count{
margin-right: 20px;
@@ -332,23 +333,18 @@ export default {
}
}
::v-deep .el-input-group__prepend {
border-radius: 0;
// border-radius: 0;
}
::v-deep .el-input-group__append {
// padding: 0px 5px;
// color: #fff;
// background: #588afc;
border: 1px solid #333333;
// border: 1px solid #333333;
border-radius: 0 20px 20px 0;
border-left: none;
background: rgba(255,255,255,0.12);
}
.input-with-select-btn {
font-size:18px !important;
color: #333333 !important;
margin: 0 !important;
padding: 0 !important;
}
.message-count a {
color: #858d99;
font-size: 24px;