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

Merge remote-tracking branch 'origin/stat' into stat

Browse Source
This commit is contained in:
weinan2087
2022-09-28 12:29:15 +08:00
parent 1d4952965e b6c8a4c2b0
commit 69ed78286b
5 changed files with 86 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/styles/portal-index.scss
View File

@@ -1,3 +1,4 @@
.portal-right-box{ .portal-right-box{
width: 410px; width: 410px;
border-radius: 8px; border-radius: 8px;

16
src/assets/styles/portal.scss
View File

@@ -1,8 +1,12 @@
/**
* 门户页面的一些通用样式定义在这里面
*/
body { body {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
//页面版心区域
.xcontent{ .xcontent{
// width: 1000px; // width: 1000px;
// margin: 0px auto; // margin: 0px auto;
@@ -35,6 +39,18 @@ body {
box-sizing: border-box; box-sizing: border-box;
} }
// 详细页面的面包屑
.xpage-detail-crumbs{
margin-top: 54px;
margin-left: 54px;
.crumbs-first{
color:#cccccc;
}
.crumbs-last{
color:#999999;
}
}
@media screen and (max-width: 1366px){ @media screen and (max-width: 1366px){
.xcontent{ .xcontent{
// width: 1000px; // width: 1000px;

3
src/assets/styles/uc.scss Normal file
View File

@@ -0,0 +1,3 @@
/**
* 用户中心的一些通用样式，定义在这里面
*/

39
src/components/PortalHeader.vue
View File

@@ -151,6 +151,7 @@ export default {
}, },
data() { data() {
return { return {
fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
findType: '1', findType: '1',
keyword: '', keyword: '',
isTiao: false, isTiao: false,
@@ -304,7 +305,7 @@ export default {
} }
.portal-top{ .portal-top{
width: 100%; width: 100%;
margin: 0px 30px; margin: 0px 40px;
display: flex; display: flex;
justify-content:space-between; justify-content:space-between;
.portal-top-left{ .portal-top-left{
@@ -332,7 +333,7 @@ export default {
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
margin-left: 10px; margin-left: 10px;
.person-action-index{ .person-action-index{
//margin-left: 40px; //margin-left: 40px;
font-size: 14px; font-size: 14px;
@@ -372,6 +373,8 @@ export default {
position: relative; position: relative;
} }
//此处理应该移到单独的一个样式中比较好
@media screen and (max-width: 1366px){ @media screen and (max-width: 1366px){
.top-nav { .top-nav {
padding: 0px 10px; padding: 0px 10px;
@@ -439,22 +442,22 @@ export default {
cursor: pointer; cursor: pointer;
color: #000000; color: #000000;
} }
.uavatar{ // .uavatar{
div{ // div{
border-radius: 50%; // border-radius: 50%;
img{ // img{
border-radius: 50%; // border-radius: 50%;
width: 30px; // width: 30px;
height: 30px; // height: 30px;
} // }
} // }
width: 30px; // width: 30px;
height: 30px; // height: 30px;
line-height: 30px; // line-height: 30px;
font-size: 14px; // font-size: 14px;
margin-right: 8px; // margin-right: 8px;
border-radius: 50%; // border-radius: 50%;
} // }
.user-avatar{ .user-avatar{
display: inline-block; display: inline-block;
border-radius: 50%; border-radius: 50%;

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

@@ -1,18 +1,17 @@
<template> <template>
<div> <div>
<div class="xtop"> <div class="xtop">
<div class="xtop-content xcontent" style="margin:0 40px"> <div class="xtop-content">
<div class="xtop-left"> <div class="xtop-left">
<!-- <div> --> <div class="xtop-logo">
<router-link class="routerLink" to="/index"><img src="../../../assets/logo/logo2.png" style="width:240px;height: 40px;" /></router-link> <router-link class="routerLink" to="/index"><img src="../../../assets/logo/logo2.png" style="width:240px;height: 41px;" /></router-link>
<!-- </div> --> </div>
<div class="xtop-nav"> <div class="xtop-nav">
<div><a :href="`${webBaseUrl}/index`">首页</a></div> <div class="xtop-nav-item"><a :href="`${webBaseUrl}/index`">首页</a></div>
<div><a :href="`${webBaseUrl}/course`">课程</a></div> <div class="xtop-nav-item"><a :href="`${webBaseUrl}/course`">课程</a></div>
<div class="xtop-nav-item"><a :href="`${webBaseUrl}/article`">文章</a></div>
<div><a :href="`${webBaseUrl}/article`">文章</a></div> <div class="xtop-nav-item"><a :href="`${webBaseUrl}/qa`">问答</a></div>
<div><a :href="`${webBaseUrl}/qa`">问答</a></div> <div class="xtop-nav-item">
<div>
<el-dropdown placement="bottom" @command="handleCommand"> <el-dropdown placement="bottom" @command="handleCommand">
<span class="el-dropdown-link" style="color:#fff;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-menu slot="dropdown">
@@ -24,11 +23,11 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
<div><a :href="`${webBaseUrl}/case`">推荐案例</a></div> <div class="xtop-nav-item"><a :href="`${webBaseUrl}/case`">推荐案例</a></div>
<div><a :href="`${webBaseUrl}/follow`">我的关注</a></div> <div class="xtop-nav-item"><a :href="`${webBaseUrl}/follow`">我的关注</a></div>
</div> </div>
</div> </div>
<div class="xtop-right" style="display: flex;justify-content: flex-end;align-items: center;"> <div class="xtop-right">
<!-- <div style="margin-left:250px;margin-right:50px;"> --> <!-- <div style="margin-left:250px;margin-right:50px;"> -->
<!-- <el-input placeholder="搜索" style="width: 260px;border-radius: 20px !important;" @keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword" class="input-with-select"> <!-- <el-input 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-select v-model="findType" style="width: 75px;" slot="prepend" placeholder="请选择">
@@ -40,7 +39,7 @@
<el-button slot="append" icon="el-icon-search" @click="searchJump()" class="input-with-select-btn"></el-button> <el-button slot="append" icon="el-icon-search" @click="searchJump()" class="input-with-select-btn"></el-button>
</el-input> --> </el-input> -->
<!-- </div> --> <!-- </div> -->
<div> <div>
<el-badge :value="userMsg" :hidden="userMsg==0" class="message-count"> <el-badge :value="userMsg" :hidden="userMsg==0" class="message-count">
<el-link type="primary" :href="`${webBaseUrl}/message`" target="_blank" :underline="false"> <el-link type="primary" :href="`${webBaseUrl}/message`" target="_blank" :underline="false">
<svg-icon style="margin-right: 0;font-size:26px;" icon-class="messfff"></svg-icon> <svg-icon style="margin-right: 0;font-size:26px;" icon-class="messfff"></svg-icon>
@@ -49,9 +48,9 @@
</div> </div>
<el-dropdown class="person-action-index" style="margin-left: 44px;"> <el-dropdown class="person-action-index" style="margin-left: 44px;">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<span v-if="current == 'qa'" style="color: #333;">学员</span> <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 v-else style="color: #fff;">学员</span><i class="el-icon-arrow-down el-icon--right"></i>
</span> </span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item>学员</el-dropdown-item> <el-dropdown-item>学员</el-dropdown-item>
@@ -337,6 +336,7 @@ export default {
.xtop { .xtop {
height: 72px; height: 72px;
line-height: 72px; line-height: 72px;
min-width: 1280px;
background-color: #0078FC; background-color: #0078FC;
position: fixed; position: fixed;
top: 0px; top: 0px;
@@ -351,18 +351,21 @@ export default {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin:0 40px;
.xtop-left {
display: flex;
justify-content: flex-start;
.xtop-logo{
padding-top: 20px;
padding-right: 50px;
display: flex;
justify-content: center;
align-items: center;
}
}
} }
} }
.xtop .xtop-left {
display: flex;
justify-content: flex-start;
.routerLink{
padding-right: 50px;
display: flex;
justify-content: center;
align-items: center;
}
}
.xtop-nav { .xtop-nav {
display: flex; display: flex;
@@ -371,13 +374,27 @@ export default {
display: inline-block; display: inline-block;
} }
} }
.xtop-nav > div { .xtop-nav-item {
line-height:72px; line-height:72px;
padding: 0px 24px;
color: #fff; color: #fff;
} }
@media screen and (max-width: 1366px){
.xtop-nav-item{
padding: 0px 10px;
}
}
@media screen and (min-width: 1366px){
.xtop-nav-item{
padding: 0px 24px;
}
}
.xtop .xtop-right { .xtop .xtop-right {
display: flex;
justify-content: flex-end;
align-items: center;
.person-action{ .person-action{
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;