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

提交

Browse Source
This commit is contained in:
zhaofang
2022-09-20 11:02:00 +08:00
parent 596410abef
commit 2626fe7fa2
6 changed files with 95 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/components/UcHeader/Index.vue
View File

@@ -18,7 +18,11 @@
<h6><router-link to="/homePage"> {{userInfo.name}}</router-link>
</h6>
<span>{{orgInfo}}</span>
<el-link @click="toPage('/user/Setting')" type="info" :underline="false"> <el-button class="editbutt" icon="el-icon-edit" type="text">编辑资料</el-button></el-link>
<div class="grade">
<div>LV.1</div>
<span>经验值：367</span>
</div>
<el-link @click="toPage('/user/Setting')" type="info" :underline="false"> <el-button class="editbutt">编辑资料</el-button></el-link>
</div>
<div class="content-bottom">
<div class="medal">
@@ -27,10 +31,11 @@
<img src="../../../public/images/grade.png" alt="">
</div>
<el-button class="medalbutt" type="text">更多 <i class="el-icon-d-arrow-right"></i> </el-button>
<div class="grade">
<div>LV.1</div>
<span>经验值：367</span>
</div>
<div style="margin-top:10px">
<router-link to="/study/index"><span :class="{identity:true,active:curIdentity==1}" @click="setCurIdentity(1)">学员</span></router-link>
<router-link to="/teacher/index"><span v-if="identity == 2 || identity == 5" :class="{identity:true,active:curIdentity==2}" @click="setCurIdentity(2)">教师</span></router-link>
<router-link to="/manager/index"><span v-if="identity == 3 || identity == 5" :class="{identity:true,active:curIdentity==3}" @click="setCurIdentity(3)">管理员</span></router-link>
</div>
</div>
</div>
</div>
@@ -227,8 +232,9 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
}
.content-bottom{
margin-top: 30px;
display: flex;
.medal{
float: left;
// float: left;
img{
width: 36px;
height: 40px;
@@ -240,31 +246,11 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
.medalbutt{
color: #333333;
font-size: 14px;
float: left;
margin-top: 10px;
}
.grade{
float: left;
margin-top: 10px;
div{
margin-left: 22px;
font-weight: 600;
float: left;
width: 70px;
height: 30px;
text-align: center;
line-height: 30px;
color: #9D6110 ;
background: url('../../../public/images/lvbg.png') no-repeat;
}
span{
font-size: 14px;
color: #A3680A;
line-height: 32px;
margin-left: 13px;
}
margin-right: 40px;
// float: left;
margin-top: 6px;
}
}
.personalData{
@@ -289,6 +275,24 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
.content-top{
margin-top: 15px;
line-height: 25px;
.grade{
display: inline-block;
div{
font-weight: 600;
float: left;
width: 58px;
height: 24px;
text-align: center;
line-height: 34px;
color: #9D6110 ;
}
span{
font-size: 14px;
color: #A3680A;
line-height: 32px;
}
}
h6{
color: #333333;
font-size: 26px;
@@ -302,10 +306,13 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
margin-right: 24px;
}
.editbutt{
width: 97px;
height: 30px;
line-height: 10px;
border-radius: 4px;
border: 1px solid #387DF7;
font-size: 14px;
color: #333333;
color: #387DF7;
}
}
}
@@ -341,16 +348,20 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
}
.identity{
padding: 5px 10px;
border: 1px solid #fcfcfc;
border-radius: 8px;
width: 76px;
height: 30px;
// border: 1px solid #fcfcfc;
border-radius: 4px;
cursor: pointer;
background-color: #ffffff;
font-size: 14px;
color: #9D6110;;
background-color: rgba($color: #FFECC7, $alpha: 0.54);
margin: 5px;
}
.active{
background-color: #ffb30f;
background-color: #F99000;
color: #FFFFFF;
border: 1px solid #ffb30f;
// border: 1px solid #ffb30f;
}
.uc-alert{
margin: 10px;