mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-16 14:26:43 +08:00
Merge remote-tracking branch 'origin/stat' into stat
This commit is contained in:
86182
BIN
public/images/homeWu/Pending.png
Normal file
BIN
public/images/homeWu/Pending.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 242 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 812 B |
BIN
public/images/homeWu/personal-bgimg.png
Normal file
BIN
public/images/homeWu/personal-bgimg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
@@ -21,8 +21,14 @@ const treeList = function (query) {
|
|||||||
const listByParent = function (parentId) {
|
const listByParent = function (parentId) {
|
||||||
return ajax.get('/xboe/org/list-by-parent?parentId='+parentId);
|
return ajax.get('/xboe/org/list-by-parent?parentId='+parentId);
|
||||||
}
|
}
|
||||||
export default {
|
|
||||||
treeList,
|
const getSimple = function (id) {
|
||||||
listByParent
|
return ajax.get('/xboe/org/simple?id='+id);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {
|
||||||
|
treeList,
|
||||||
|
listByParent,
|
||||||
|
getSimple
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
BIN
src/assets/logo/logo-white.png
Normal file
BIN
src/assets/logo/logo-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
@@ -18,7 +18,7 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow:ellipsis;
|
text-overflow:ellipsis;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
-webkit-line-clamp: 2;
|
-webkit-line-clamp:2;
|
||||||
}
|
}
|
||||||
.index-one-line-ellipsis{
|
.index-one-line-ellipsis{
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|||||||
@@ -3,11 +3,10 @@
|
|||||||
//首页版心内容区域
|
//首页版心内容区域
|
||||||
.xindex-content {
|
.xindex-content {
|
||||||
font-family: 'Noto Sans SC';
|
font-family: 'Noto Sans SC';
|
||||||
|
padding-top: 20px;
|
||||||
margin: 26px auto;
|
margin: 26px auto;
|
||||||
}
|
}
|
||||||
.xindex-row{
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
// 课程卡片
|
// 课程卡片
|
||||||
.xindex-course{
|
.xindex-course{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -20,7 +19,7 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
position: relative;
|
position: relative;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
|
border-radius: 8px;
|
||||||
.cor-praises {
|
.cor-praises {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 50px;
|
right: 50px;
|
||||||
@@ -93,19 +92,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// .cor-icon {
|
|
||||||
// position: absolute;
|
|
||||||
// left: 100px;
|
|
||||||
// top: 54px;
|
|
||||||
// border-radius: 50%;
|
|
||||||
// background: rgba(88, 138, 252, 0.37);
|
|
||||||
|
|
||||||
// .el-icon-caret-right {
|
|
||||||
// font-size: 36px;
|
|
||||||
// color: #588afc;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
.course-title {
|
.course-title {
|
||||||
margin: 16px 0 16px 0;
|
margin: 16px 0 16px 0;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
@@ -155,7 +141,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.course-score-no {
|
.course-score-no {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #6B7C85;
|
color: #6B7C85;
|
||||||
@@ -165,8 +151,8 @@
|
|||||||
-ms-user-select: none; /*IE10*/
|
-ms-user-select: none; /*IE10*/
|
||||||
-khtml-user-select: none; /*早期浏览器*/
|
-khtml-user-select: none; /*早期浏览器*/
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
.course-score-value {
|
.course-score-value {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
// margin-top: 5px;
|
// margin-top: 5px;
|
||||||
margin-left: 32px;
|
margin-left: 32px;
|
||||||
@@ -179,68 +165,65 @@
|
|||||||
-khtml-user-select: none; /*早期浏览器*/
|
-khtml-user-select: none; /*早期浏览器*/
|
||||||
user-select: none;
|
user-select: none;
|
||||||
// font-size: 30px;
|
// font-size: 30px;
|
||||||
}
|
}
|
||||||
.cardmark {
|
//以下是几种右边排行内容，因为高度需要变化不同，所以需要单独宝义
|
||||||
position: absolute;
|
.xindex-ranking-li{
|
||||||
top: 0;
|
cursor: pointer;
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: rgba(101, 101, 101, 0.8);
|
|
||||||
pointer-events: none;
|
|
||||||
border-radius: 5px;
|
|
||||||
padding: 10px;
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transition: all 1.5s;
|
|
||||||
-moz-transition: all 1.5s;
|
|
||||||
-ms-transition: all 1.5s;
|
|
||||||
-o-transition: all 1.5s;
|
|
||||||
transition: all 1.5s;
|
|
||||||
.cardmark-name {
|
|
||||||
font-size: 18px;
|
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
font-weight: 600;
|
display: flex;
|
||||||
color: #fff;
|
position: relative;
|
||||||
|
.span {
|
||||||
|
display: flex;
|
||||||
}
|
}
|
||||||
.cardmark-info {
|
}
|
||||||
color: #fff;
|
.xindex-ranking-li:hover .list-active {
|
||||||
font-size: 14px;
|
// transition: all 0.5s;
|
||||||
line-height: 20px;
|
display: block;
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.xindex-course:hover .cardmark {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.xindex-ranking{
|
|
||||||
min-width: 300px;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 30px;
|
.xindex-ranking-course{
|
||||||
.xindex-ranking-title{
|
margin: 0px;
|
||||||
font-size: 24px;
|
padding: 0px;
|
||||||
font-family: FZLTCHJW--GB1-0, FZLTCHJW--GB1;
|
//overflow-y: auto;
|
||||||
font-weight: 600;
|
}
|
||||||
color: #000000;
|
|
||||||
line-height: 28px;
|
.xindex-ranking-case{
|
||||||
}
|
//height: 114px;
|
||||||
.course-index-list{
|
margin: 0px;
|
||||||
height: 410px;
|
padding: 0px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
.case-index-list{
|
|
||||||
height: 114px;
|
.xindex-ranking-article{
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
.anking-index-list{
|
|
||||||
height: 320px;
|
.xindex-ranking-qa{
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
.qa-index-qa{
|
|
||||||
height: 64px;
|
//每块区域
|
||||||
overflow-y: auto;
|
.xindex-case {
|
||||||
}
|
display: inline-block;
|
||||||
}
|
vertical-align: top;
|
||||||
|
width: 33.33%;
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xindex-qa {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
width: 25%;
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.nav-bottbor{
|
.nav-bottbor{
|
||||||
width: 75%;
|
width: 75%;
|
||||||
height: 4px;
|
height: 4px;
|
||||||
@@ -249,8 +232,8 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 75%;
|
top: 75%;
|
||||||
left: 13%;
|
left: 13%;
|
||||||
}
|
}
|
||||||
.current-nav {
|
.current-nav {
|
||||||
color: #387DF7;
|
color: #387DF7;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
>a{
|
>a{
|
||||||
@@ -259,7 +242,7 @@
|
|||||||
}
|
}
|
||||||
// background: #588afc;
|
// background: #588afc;
|
||||||
// border-bottom: 4px solid;
|
// border-bottom: 4px solid;
|
||||||
}
|
}
|
||||||
.portal-right-text{
|
.portal-right-text{
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-family: JCHEadA;
|
font-family: JCHEadA;
|
||||||
@@ -355,22 +338,21 @@
|
|||||||
.pink-three{
|
.pink-three{
|
||||||
color: #EE4685;
|
color: #EE4685;
|
||||||
}
|
}
|
||||||
.list-bg{
|
// .list-bg{
|
||||||
background: url('/images/qa-box.png') no-repeat 100% / 100%;
|
// background: url('/images/qa-box.png') no-repeat 100% / 100%;
|
||||||
// background: linear-gradient(180deg, #C3DEF8 0%, #FFFFFF 37%);
|
// // background: linear-gradient(180deg, #C3DEF8 0%, #FFFFFF 37%);
|
||||||
}
|
// }
|
||||||
.list-bg1{
|
// .list-bg1{
|
||||||
background: url('/images/list-or.png') no-repeat 100% / 100%;
|
// background: url('/images/list-or.png') no-repeat 100% / 100%;
|
||||||
}
|
// }
|
||||||
.list-bg2{
|
// .list-bg2{
|
||||||
background: url('/images/list-pink.png') no-repeat 100% / 100%;
|
// background: url('/images/list-pink.png') no-repeat 100% / 100%;
|
||||||
}
|
// }
|
||||||
.art-bgimg{
|
// .art-bgimg{
|
||||||
background: url('/images/contribute.png') no-repeat 100% / 100%;
|
// background: url('/images/contribute.png') no-repeat top left;
|
||||||
background-position:top;
|
// background-size: cover;
|
||||||
}
|
// }
|
||||||
.portal-images-title{
|
.portal-images-title{
|
||||||
display: inline-block;
|
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding: 2px 12px;
|
padding: 2px 12px;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
@@ -458,10 +440,21 @@
|
|||||||
@media screen and (max-width: 1366px){
|
@media screen and (max-width: 1366px){
|
||||||
.xindex-content{
|
.xindex-content{
|
||||||
width: 1100px;
|
width: 1100px;
|
||||||
|
}
|
||||||
|
.personal-panel{
|
||||||
|
width: 300px;
|
||||||
|
height: 320px;
|
||||||
|
padding: 25px 40px;
|
||||||
|
.personal-box {
|
||||||
|
margin-left: 0px;
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
//课程卡片样式
|
//课程卡片样式
|
||||||
.xindex-course{
|
.xindex-course{
|
||||||
width: 240px;
|
width: 255px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
@@ -470,37 +463,49 @@
|
|||||||
bottom: 16px;
|
bottom: 16px;
|
||||||
}
|
}
|
||||||
.course-image-box{
|
.course-image-box{
|
||||||
width: 200px;
|
width: 220px;
|
||||||
height: 114px;
|
height: 123px;
|
||||||
::v-deep .course-image{
|
::v-deep .course-image{
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.xindex-ranking{
|
.xindex-ranking-li{
|
||||||
width: 300px;
|
margin-top:15px;
|
||||||
}
|
}
|
||||||
.boe-index{
|
.xindex-ranking-course{
|
||||||
width: 235px;
|
height: 450px;
|
||||||
padding: 20px;
|
|
||||||
margin-right: 20px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.course-image-box{
|
|
||||||
width: 200px;
|
|
||||||
height: 114px;
|
|
||||||
::v-deep .course-image{
|
|
||||||
height: 100% !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.xindex-ranking-case{
|
||||||
|
height: 170px;
|
||||||
}
|
}
|
||||||
// .course-image-box :hover .el-image{
|
|
||||||
// z-index: 999;
|
.xindex-ranking-article{
|
||||||
// position: absolute;
|
height: 375px;
|
||||||
// top: 0px;
|
}
|
||||||
// left: 0px;
|
|
||||||
// width: 195px !important;
|
.xindex-ranking-qa{
|
||||||
// height: 92px !important;
|
height:124px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xindex-case {
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
// .boe-index{
|
||||||
|
// width: 235px;
|
||||||
|
// padding: 20px;
|
||||||
|
// margin-right: 20px;
|
||||||
|
// margin-bottom: 20px;
|
||||||
|
// .course-image-box{
|
||||||
|
// width: 200px;
|
||||||
|
// height: 114px;
|
||||||
|
// ::v-deep .course-image{
|
||||||
|
// height: 100% !important;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
// }
|
// }
|
||||||
}
|
|
||||||
.case-inter{
|
.case-inter{
|
||||||
left: 20px;
|
left: 20px;
|
||||||
bottom:20px;
|
bottom:20px;
|
||||||
@@ -516,7 +521,6 @@
|
|||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
.boe-case-index{
|
.boe-case-index{
|
||||||
width: 235px;
|
|
||||||
height: 246px;
|
height: 246px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
.case-top{
|
.case-top{
|
||||||
@@ -548,7 +552,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.boe-qa-index{
|
.boe-qa-index{
|
||||||
width: 171px;
|
|
||||||
height: 194px;
|
height: 194px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
padding: 17px 12px 16px 12px;
|
padding: 17px 12px 16px 12px;
|
||||||
@@ -676,9 +679,19 @@
|
|||||||
@media screen and (max-width: 1680px) and (min-width:1367px){
|
@media screen and (max-width: 1680px) and (min-width:1367px){
|
||||||
.xindex-content{
|
.xindex-content{
|
||||||
width: 1366px;
|
width: 1366px;
|
||||||
|
}
|
||||||
|
.personal-panel{
|
||||||
|
width: 356px;
|
||||||
|
height: 370px;
|
||||||
|
padding: 30px 45px;
|
||||||
|
.personal-box{
|
||||||
|
// margin-left: 16px;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 28px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.xindex-course{
|
.xindex-course{
|
||||||
width: 330px;
|
width: 320px;
|
||||||
padding: 25px;
|
padding: 25px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
@@ -694,38 +707,30 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.portal-right-box{
|
|
||||||
width: 344px;
|
.xindex-ranking-li{
|
||||||
.course-index-list{
|
margin-top:20px;
|
||||||
height: 548px;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
}
|
||||||
.case-index-list{
|
.xindex-ranking-course{
|
||||||
height: 230px;
|
height: 535px;
|
||||||
overflow-y: auto;
|
|
||||||
}
|
}
|
||||||
.anking-index-list{
|
|
||||||
height: 448px;
|
.xindex-ranking-case{
|
||||||
overflow-y: auto;
|
height: 260px;
|
||||||
}
|
}
|
||||||
.qa-index-qa{
|
|
||||||
height: 145px;
|
.xindex-ranking-article{
|
||||||
overflow-y: auto;
|
height: 445px;
|
||||||
}
|
|
||||||
}
|
|
||||||
.boe-index{
|
|
||||||
width: 350px;
|
|
||||||
padding: 25px;
|
|
||||||
margin-right: 20px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.course-image-box{
|
|
||||||
width: 300px;
|
|
||||||
height: 170px;
|
|
||||||
::v-deep .course-image{
|
|
||||||
height: 100% !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.xindex-ranking-qa{
|
||||||
|
height:175px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.xindex-case {
|
||||||
|
padding-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.case-inter{
|
.case-inter{
|
||||||
left: 20px;
|
left: 20px;
|
||||||
bottom:20px;
|
bottom:20px;
|
||||||
@@ -738,12 +743,10 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.modules-list{
|
.modules-list{
|
||||||
margin-right: 30px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
.boe-case-index{
|
.boe-case-index{
|
||||||
width: 350px;
|
|
||||||
height: 361px;
|
height: 361px;
|
||||||
margin-right: 36px;
|
|
||||||
.case-top{
|
.case-top{
|
||||||
height: 69px;
|
height: 69px;
|
||||||
}
|
}
|
||||||
@@ -775,7 +778,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.boe-qa-index{
|
.boe-qa-index{
|
||||||
width: 254px;
|
|
||||||
height: 276px;
|
height: 276px;
|
||||||
margin-right: 36px;
|
margin-right: 36px;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
@@ -895,60 +898,58 @@
|
|||||||
|
|
||||||
@media screen and (max-width: 1920px) and (min-width: 1681px){
|
@media screen and (max-width: 1920px) and (min-width: 1681px){
|
||||||
.xindex-content{
|
.xindex-content{
|
||||||
width: 1640px;
|
width: 1690px;
|
||||||
|
}
|
||||||
|
.personal-panel{
|
||||||
|
width: 356px;
|
||||||
|
height: 370px;
|
||||||
|
padding: 30px 45px;
|
||||||
|
.personal-box{
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 28px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.xindex-course{
|
.xindex-course{
|
||||||
width: 410px;
|
width: 400px;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
margin-right: 36px;
|
margin-right: 30px;
|
||||||
margin-bottom: 36px;
|
margin-bottom: 30px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
.cor-praises {
|
.cor-praises {
|
||||||
right: 50px;
|
right: 50px;
|
||||||
bottom: 26px;
|
bottom: 26px;
|
||||||
}
|
}
|
||||||
.course-image-box{
|
.course-image-box{
|
||||||
width: 350px;
|
width: 340px;
|
||||||
height: 196x;
|
height: 191x;
|
||||||
::v-deep .course-image{
|
::v-deep .course-image{
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.xindex-ranking-li{
|
||||||
|
margin-top:30px;
|
||||||
|
}
|
||||||
|
.xindex-ranking-course{
|
||||||
|
height: 646px;
|
||||||
|
}
|
||||||
|
|
||||||
.portal-right-box{
|
.xindex-ranking-case{
|
||||||
width: 410px;
|
height: 300px;
|
||||||
.course-index-list{
|
|
||||||
height: 548px;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
}
|
||||||
.case-index-list{
|
|
||||||
height: 262px;
|
.xindex-ranking-article{
|
||||||
overflow-y: auto;
|
height: 455px;
|
||||||
}
|
|
||||||
.anking-index-list{
|
|
||||||
height: 425px;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
.qa-index-qa{
|
|
||||||
height: 188px;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.boe-index{
|
|
||||||
width: 410px;
|
|
||||||
padding: 30px;
|
|
||||||
margin-right: 36px;
|
|
||||||
margin-bottom: 36px;
|
|
||||||
border-radius: 8px;
|
|
||||||
.course-image-box{
|
|
||||||
width: 350px;
|
|
||||||
height: 196x;
|
|
||||||
::v-deep .course-image{
|
|
||||||
height: 100% !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.xindex-ranking-qa{
|
||||||
|
height:220px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.xindex-case {
|
||||||
|
padding-right: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.case-inter{
|
.case-inter{
|
||||||
left: 20px;
|
left: 20px;
|
||||||
bottom:20px;
|
bottom:20px;
|
||||||
@@ -963,10 +964,8 @@
|
|||||||
.modules-list{
|
.modules-list{
|
||||||
margin-right: 36px;
|
margin-right: 36px;
|
||||||
}
|
}
|
||||||
.boe-case-index{
|
.boe-case-index{
|
||||||
width: 410px;
|
|
||||||
height: 396px;
|
height: 396px;
|
||||||
margin-right: 36px;
|
|
||||||
.case-top{
|
.case-top{
|
||||||
height: 120px;
|
height: 120px;
|
||||||
}
|
}
|
||||||
@@ -997,8 +996,8 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.boe-qa-index{
|
.boe-qa-index{
|
||||||
width: 298px;
|
|
||||||
height: 320px;
|
height: 320px;
|
||||||
margin-right: 36px;
|
margin-right: 36px;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
@@ -1048,8 +1047,8 @@
|
|||||||
color: #6E7B84;
|
color: #6E7B84;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.boe-article-index{
|
.boe-article-index{
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
.article-card-left{
|
.article-card-left{
|
||||||
width: 352px;
|
width: 352px;
|
||||||
@@ -1118,7 +1117,7 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 1921px){
|
@media screen and (min-width: 1921px){
|
||||||
@@ -1144,39 +1143,28 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.portal-right-box{
|
.xindex-ranking-li{
|
||||||
width: 410px;
|
margin-top:30px;
|
||||||
.course-index-list{
|
|
||||||
height: 548px;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
}
|
||||||
.case-index-list{
|
.xindex-ranking-course{
|
||||||
height: 262px;
|
height: 610px;
|
||||||
overflow-y: auto;
|
|
||||||
}
|
}
|
||||||
.anking-index-list{
|
|
||||||
height: 425px;
|
.xindex-ranking-case{
|
||||||
overflow-y: auto;
|
height: 260px;
|
||||||
}
|
}
|
||||||
.qa-index-qa{
|
|
||||||
height: 188px;
|
.xindex-ranking-article{
|
||||||
overflow-y: auto;
|
height: 420px;
|
||||||
}
|
|
||||||
}
|
|
||||||
.boe-index{
|
|
||||||
width: 410px;
|
|
||||||
padding: 30px;
|
|
||||||
margin-right: 36px;
|
|
||||||
margin-bottom: 36px;
|
|
||||||
border-radius: 8px;
|
|
||||||
.course-image-box{
|
|
||||||
width: 350px;
|
|
||||||
height: 196x;
|
|
||||||
::v-deep .course-image{
|
|
||||||
height: 100% !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.xindex-ranking-qa{
|
||||||
|
height:188px;
|
||||||
}
|
}
|
||||||
|
.xindex-case {
|
||||||
|
padding-right: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.case-inter{
|
.case-inter{
|
||||||
left: 20px;
|
left: 20px;
|
||||||
bottom:20px;
|
bottom:20px;
|
||||||
@@ -1191,10 +1179,8 @@
|
|||||||
.modules-list{
|
.modules-list{
|
||||||
margin-right: 36px;
|
margin-right: 36px;
|
||||||
}
|
}
|
||||||
.boe-case-index{
|
.boe-case-index{
|
||||||
width: 410px;
|
|
||||||
height: 396px;
|
height: 396px;
|
||||||
margin-right: 36px;
|
|
||||||
.case-top{
|
.case-top{
|
||||||
height: 120px;
|
height: 120px;
|
||||||
}
|
}
|
||||||
@@ -1224,9 +1210,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.boe-qa-index{
|
.boe-qa-index{
|
||||||
width: 298px;
|
|
||||||
height: 320px;
|
height: 320px;
|
||||||
margin-right: 36px;
|
margin-right: 36px;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
@@ -1276,8 +1262,8 @@
|
|||||||
color: #6E7B84;
|
color: #6E7B84;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.boe-article-index{
|
.boe-article-index{
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
.article-card-left{
|
.article-card-left{
|
||||||
width: 352px;
|
width: 352px;
|
||||||
@@ -1346,5 +1332,5 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,7 +2,11 @@
|
|||||||
* 门户页面的一些通用样式定义在这里面
|
* 门户页面的一些通用样式定义在这里面
|
||||||
*/
|
*/
|
||||||
body {margin: 0px;padding: 0px;}
|
body {margin: 0px;padding: 0px;}
|
||||||
|
//定义全局的核心区域宽度
|
||||||
|
.xcontent{
|
||||||
|
min-width: 1100px;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
//[文章，案例，问答]详细页面内容部分
|
//[文章，案例，问答]详细页面内容部分
|
||||||
.xpage-detail-content{
|
.xpage-detail-content{
|
||||||
padding: 50px;
|
padding: 50px;
|
||||||
@@ -24,6 +28,35 @@ body {margin: 0px;padding: 0px;}
|
|||||||
color:#3d3d3d;
|
color:#3d3d3d;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
//课程详细页面banner部分
|
||||||
|
.xpage-coures-banner{
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
background-image: url('../../../public/images/couresdetail.png');
|
||||||
|
background-size: cover;
|
||||||
|
.bcourse-title{
|
||||||
|
color: #fff;
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
.bcourse-score{
|
||||||
|
margin-left: 30px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.banner-crumbs{
|
||||||
|
color: #fff;
|
||||||
|
margin-top:40px;
|
||||||
|
.crumbs-first{
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.crumbs-line{
|
||||||
|
margin: 0px 10px;
|
||||||
|
}
|
||||||
|
.crumbs-last{
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
//原样式，未修改
|
//原样式，未修改
|
||||||
.portal-model-btn{// 写文章，发课程等按钮
|
.portal-model-btn{// 写文章，发课程等按钮
|
||||||
@@ -41,6 +74,26 @@ body {margin: 0px;padding: 0px;}
|
|||||||
}
|
}
|
||||||
//页面中的排行内容块
|
//页面中的排行内容块
|
||||||
.portal-ranking{
|
.portal-ranking{
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 30px;
|
||||||
|
// height: 544px;
|
||||||
|
// overflow-y: auto;
|
||||||
|
.ranking-title{
|
||||||
|
font-size: 24px;
|
||||||
|
font-family: FZLTCHJW--GB1-0, FZLTCHJW--GB1;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #000000;
|
||||||
|
line-height: 28px;
|
||||||
|
padding-bottom:12px
|
||||||
|
}
|
||||||
|
.ranking-data{
|
||||||
|
min-height: 246px;
|
||||||
|
margin: 0px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.portal-ranking-list{
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
// height: 544px;
|
// height: 544px;
|
||||||
@@ -59,6 +112,10 @@ body {margin: 0px;padding: 0px;}
|
|||||||
// overflow-y: auto;
|
// overflow-y: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//排行块的背景
|
//排行块的背景
|
||||||
.ranking-bg{
|
.ranking-bg{
|
||||||
background: url('/images/qa-box.png') no-repeat top left;
|
background: url('/images/qa-box.png') no-repeat top left;
|
||||||
@@ -180,18 +237,13 @@ body {margin: 0px;padding: 0px;}
|
|||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
.course-info { //图片下面的一行信息
|
.course-info { //图片下面的一行信息
|
||||||
// margin: 5px 15px;
|
|
||||||
// padding-bottom: 10px;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
.course-info-user{
|
.course-info-user{
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #6E7B84;
|
color: #6E7B84;
|
||||||
width: 60%;
|
flex: 1;
|
||||||
.course-info-author{
|
|
||||||
|
|
||||||
}
|
|
||||||
.course-info-studys {
|
.course-info-studys {
|
||||||
margin-left: 12px;
|
margin-left: 12px;
|
||||||
-moz-user-select: none; /*火狐*/
|
-moz-user-select: none; /*火狐*/
|
||||||
@@ -203,7 +255,7 @@ body {margin: 0px;padding: 0px;}
|
|||||||
}
|
}
|
||||||
.course-info-score{
|
.course-info-score{
|
||||||
display:flex;
|
display:flex;
|
||||||
width: 40%;
|
margin-left: auto;
|
||||||
::v-deep .cor-praises {
|
::v-deep .cor-praises {
|
||||||
// position: absolute;
|
// position: absolute;
|
||||||
-moz-user-select: none; /*火狐*/
|
-moz-user-select: none; /*火狐*/
|
||||||
@@ -250,30 +302,45 @@ body {margin: 0px;padding: 0px;}
|
|||||||
}
|
}
|
||||||
//以下是多分辨率的控制，注意，只是一些样式的高度，宽度，大小控制，非大小控制不要在这里写
|
//以下是多分辨率的控制，注意，只是一些样式的高度，宽度，大小控制，非大小控制不要在这里写
|
||||||
@media screen and (max-width: 1366px){
|
@media screen and (max-width: 1366px){
|
||||||
|
.xcontent{width: 1100px;}
|
||||||
.xcontent2{
|
.xcontent2{
|
||||||
width: 1100px;
|
width: 1100px;
|
||||||
padding: 20px 5px;
|
}
|
||||||
|
.rankimg{
|
||||||
|
width:66px;
|
||||||
|
height:38px;
|
||||||
|
float: left;
|
||||||
}
|
}
|
||||||
.xcontent2-minor{
|
.xcontent2-minor{
|
||||||
width: 234px;
|
width: 260px;
|
||||||
}
|
}
|
||||||
.portal-ranking{
|
.portal-ranking{
|
||||||
padding: 30px 15px;
|
padding: 20px 15px;
|
||||||
|
.ranking-title{
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 25px;
|
||||||
|
padding-bottom:10px
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.course-card {
|
.course-card {
|
||||||
padding:20px;
|
padding:20px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
.course-image-box {
|
.course-image-box {
|
||||||
width: 200px;
|
width: 100%;
|
||||||
height: 114px;
|
height: 114px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 1680px) and (min-width:1367px){
|
@media screen and (max-width: 1680px) and (min-width:1367px){
|
||||||
|
.xcontent{width: 1366px;}
|
||||||
.xcontent2{
|
.xcontent2{
|
||||||
width: 1366px;
|
width: 1366px;
|
||||||
padding: 30px 20px;
|
}
|
||||||
|
.rankimg{
|
||||||
|
width:76px;
|
||||||
|
height:42px;
|
||||||
|
float: left;
|
||||||
}
|
}
|
||||||
.xcontent2-minor{
|
.xcontent2-minor{
|
||||||
width: 300px;
|
width: 300px;
|
||||||
@@ -292,14 +359,18 @@ body {margin: 0px;padding: 0px;}
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 1920px) and (min-width: 1681px){
|
@media screen and (max-width: 1920px) and (min-width: 1681px){
|
||||||
|
.xcontent{width: 1690px;}
|
||||||
.xcontent2{
|
.xcontent2{
|
||||||
width: 1640px;
|
width: 1690px;
|
||||||
padding: 30px 26px;
|
}
|
||||||
|
.rankimg{
|
||||||
|
width:86px;
|
||||||
|
height:42px;
|
||||||
|
float: left;
|
||||||
}
|
}
|
||||||
.xcontent2-minor{
|
.xcontent2-minor{
|
||||||
width: 400px;
|
width: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.portal-ranking{
|
.portal-ranking{
|
||||||
padding: 30px 30px;
|
padding: 30px 30px;
|
||||||
}
|
}
|
||||||
@@ -307,16 +378,21 @@ body {margin: 0px;padding: 0px;}
|
|||||||
padding:25px;
|
padding:25px;
|
||||||
margin-right: 25px;
|
margin-right: 25px;
|
||||||
.course-image-box {
|
.course-image-box {
|
||||||
width: 320px;
|
width: 100%;
|
||||||
height: 180px;
|
height: 180px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 1921px){
|
@media screen and (min-width: 1921px){
|
||||||
|
.xcontent{width: 1880px;}
|
||||||
.xcontent2{
|
.xcontent2{
|
||||||
width: 1880px;
|
width: 1880px;
|
||||||
padding: 30px 26px;
|
}
|
||||||
|
.rankimg{
|
||||||
|
width:96px;
|
||||||
|
height:52px;
|
||||||
|
float: left;
|
||||||
}
|
}
|
||||||
.xcontent2-minor{
|
.xcontent2-minor{
|
||||||
width: 400px;
|
width: 400px;
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
/**
|
/**
|
||||||
* 用户中心的一些通用样式，定义在这里面
|
* 用户中心的一些通用样式，定义在这里面
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.uc-center-page{
|
.uc-center-page{
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="newcote-text">
|
<div class="newcote-text">
|
||||||
<el-input type="textarea" :autofocus="true" placeholder="好记性不如烂笔头，记录些什么吧～"
|
<el-input type="textarea" :autofocus="true" placeholder="好记性不如烂笔头，记录些什么吧～"
|
||||||
v-model="mynoteData.content" maxlength="200" :autosize="{ minRows: 18, maxRows: 20}"
|
v-model="mynoteData.content" maxlength="200" :autosize="{ minRows: 8, maxRows: 20}"
|
||||||
show-word-limit>
|
show-word-limit>
|
||||||
</el-input>
|
</el-input>
|
||||||
</div>
|
</div>
|
||||||
@@ -66,7 +66,7 @@
|
|||||||
<span class="sm">{{mynoteData.openType == 1?'公开':'私密'}}</span>
|
<span class="sm">{{mynoteData.openType == 1?'公开':'私密'}}</span>
|
||||||
<svg-icon style="float:right;font-size:26px;margin-top:16px" icon-class="spot"></svg-icon>
|
<svg-icon style="float:right;font-size:26px;margin-top:16px" icon-class="spot"></svg-icon>
|
||||||
</p>
|
</p>
|
||||||
<div class="newcote-content" style="margin-top:10px;height:436px">
|
<div class="newcote-content" style="margin-top:10px;min-height:236px;height: 100%;">
|
||||||
<div class="newcote-time" v-if="mynoteData.playTime != 0">
|
<div class="newcote-time" v-if="mynoteData.playTime != 0">
|
||||||
<img src="../../../public/images/coteplay.png" />
|
<img src="../../../public/images/coteplay.png" />
|
||||||
{{formatSeconds(mynoteData.playTime)}}
|
{{formatSeconds(mynoteData.playTime)}}
|
||||||
@@ -329,7 +329,6 @@ export default {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 200px;
|
right: 200px;
|
||||||
|
|
||||||
.box-text {
|
.box-text {
|
||||||
padding: 12px 16px;
|
padding: 12px 16px;
|
||||||
width: 252px;
|
width: 252px;
|
||||||
@@ -409,7 +408,7 @@ export default {
|
|||||||
margin: 30px 0px;
|
margin: 30px 0px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 35px 30px;
|
padding: 35px 30px;
|
||||||
height: 474px;
|
height: 100%;
|
||||||
background-color: #F5F5F5;
|
background-color: #F5F5F5;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -417,7 +416,7 @@ export default {
|
|||||||
margin: 30px 0px;
|
margin: 30px 0px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 8px 30px;
|
padding: 8px 30px;
|
||||||
height: 550px;
|
min-height: 300px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
|
||||||
@@ -474,4 +473,3 @@ export default {
|
|||||||
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
@@ -15,7 +15,7 @@
|
|||||||
|
|
||||||
<div class="user-content">
|
<div class="user-content">
|
||||||
<div class="content-top">
|
<div class="content-top">
|
||||||
<h6 content-bottom><router-link to="/homePage"> {{userData.data.name}}</router-link>
|
<h6 content-bottom><router-link to="/home/index"> {{userData.data.name}}</router-link>
|
||||||
</h6>
|
</h6>
|
||||||
<div class="grade">
|
<div class="grade">
|
||||||
<div>{{userData.level}}</div>
|
<div>{{userData.level}}</div>
|
||||||
@@ -23,7 +23,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<el-button round plain class="btn-user" size="small" v-if="pageId != userInfo.aid && !isFollowHas" @click="toFollow()">关注TA</el-button>
|
<el-button round plain class="btn-user" size="small" v-if="pageId != userInfo.aid && !isFollowHas" @click="toFollow()">关注TA</el-button>
|
||||||
<el-button round plain class="btn-user" size="small" v-if="isFollowHas">已关注</el-button>
|
<el-button round plain class="btn-user" size="small" v-if="isFollowHas">已关注</el-button>
|
||||||
<el-button round plain class="btn-user" size="small"><router-link :to="'/homePage/leavingMessage?id='+pageId">去留言</router-link></el-button>
|
<el-button round plain class="btn-user" size="small"><router-link :to="'/home/leaving?id='+pageId">去留言</router-link></el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="content-bottom">
|
<div class="content-bottom">
|
||||||
<p class="portal-summary-text">{{userData.data.sign}}</p>
|
<p class="portal-summary-text">{{userData.data.sign}}</p>
|
||||||
|
|||||||
@@ -56,7 +56,7 @@
|
|||||||
methods:{
|
methods:{
|
||||||
toHome() {
|
toHome() {
|
||||||
// ,query:{id:item.objId || item.id}
|
// ,query:{id:item.objId || item.id}
|
||||||
this.$router.push({path:'/homePage?id='+this.aid})
|
this.$router.push({path:'/home/index?id='+this.aid})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch:{
|
watch:{
|
||||||
|
|||||||
@@ -73,7 +73,7 @@ import { userAvatarText } from "@/utils/tools.js";
|
|||||||
methods:{
|
methods:{
|
||||||
toHome() {
|
toHome() {
|
||||||
// ,query:{id:item.objId || item.id}
|
// ,query:{id:item.objId || item.id}
|
||||||
this.$router.push({path:'/homePage?id='+this.aid})
|
this.$router.push({path:'/home/index?id='+this.aid})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch:{
|
watch:{
|
||||||
|
|||||||
@@ -59,7 +59,7 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 90px;display: flex;justify-content: flex-end;">
|
<div style="width: 90px;display: flex;justify-content: flex-end;">
|
||||||
<el-button @click="submit()" style="height: 52px;" type="primary">发布</el-button>
|
<el-button class="publish-button" @click="submit()" style="height: 30px;" type="primary">发布</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -793,6 +793,11 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.publish-button{
|
||||||
|
// line-height: 30px;
|
||||||
|
padding-top: 7px;
|
||||||
|
margin-top: 22px;
|
||||||
|
}
|
||||||
.anzhu{
|
.anzhu{
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #999;
|
color: #999;
|
||||||
|
|||||||
@@ -70,14 +70,17 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
//这里必须放在当前的Session存储中，不能每次都调用
|
||||||
apiGuide.hasUser().then(res=>{
|
apiGuide.hasUser().then(res=>{
|
||||||
if(res.result) {
|
if(res.result) {
|
||||||
this.guideCollection = true;
|
|
||||||
} else {
|
|
||||||
this.guideCollection = false;
|
this.guideCollection = false;
|
||||||
}
|
} else {
|
||||||
})
|
this.guideCollection = true;
|
||||||
|
//只是在显示时才调用
|
||||||
this.getlist();
|
this.getlist();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
<!--列表内容-->
|
<!--列表内容-->
|
||||||
<div class="comments-items" v-show="listShow">
|
<div class="comments-items" v-show="listShow">
|
||||||
<!--一个评论-->
|
<!--一个评论-->
|
||||||
<div class="zan-wu" v-if="list.length == 0">暂无评论～</div>
|
<div class="zan-wu" v-if="list.length == 0">暂无公开笔记～</div>
|
||||||
<div class="comment" v-for="(com,comIdx) in list" :key="com.id">
|
<div class="comment" v-for="(com,comIdx) in list" :key="com.id">
|
||||||
<div class="comment-top">
|
<div class="comment-top">
|
||||||
<div class="comment-author">
|
<div class="comment-author">
|
||||||
|
|||||||
@@ -1,31 +1,35 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="portal-header">
|
<div class="portal-header">
|
||||||
<div class="portal-top">
|
<div class="portal-top" :style="{color:textColor}">
|
||||||
<div class="portal-top-left">
|
<div class="portal-top-left">
|
||||||
<div class="portal-top-logo">
|
<div class="portal-top-logo">
|
||||||
<img src="../assets/logo/logo.png" v-if="current == 'qa'" style="width:160px;height: 27px;" />
|
<img src="../assets/logo/logo-white.png" v-if="textColor == '#fff' || textColor == '#ffffff'" style="width:160px;height: 27px;" />
|
||||||
<img src="../assets/logo/logo2.png" v-else style="width:160px;height: 27px;" />
|
<img src="../assets/logo/logo.png" v-else style="width:160px;height: 27px;" />
|
||||||
</div>
|
</div>
|
||||||
<div class="portal-top-nav">
|
<div class="portal-top-nav">
|
||||||
<div class="top-nav" :class="current == 'index' ? 'current-nav' : ''">
|
<div class="top-nav" :style="{color:textColor}" :class="current == 'index' ? activeNav : ''">
|
||||||
<router-link to="/index">首页
|
<router-link to="/index" >首页
|
||||||
<div :class="current == 'index' ? 'nav-bottbor' : ''"></div>
|
<div :class="current == 'index' ? 'nav-bottbor' : ''"></div>
|
||||||
</router-link></div>
|
</router-link>
|
||||||
<div class="top-nav" :class="current == 'course' ? 'current-nav' : ''">
|
</div>
|
||||||
|
<div class="top-nav" :style="{color:textColor}" :class="current == 'course' ? activeNav : ''">
|
||||||
<router-link to="/course">课程
|
<router-link to="/course">课程
|
||||||
<div :class="current == 'course' ? 'nav-bottbor' : ''"></div>
|
<div :class="current == 'course' ? 'nav-bottbor' : ''"></div>
|
||||||
</router-link></div>
|
</router-link>
|
||||||
<div class="top-nav" :class="current == 'article' ? 'current-nav' : ''">
|
</div>
|
||||||
|
<div class="top-nav" :style="{color:textColor}" :class="current == 'article' ? activeNav : ''">
|
||||||
<router-link to="/article">文章
|
<router-link to="/article">文章
|
||||||
<div :class="current == 'article' ? 'nav-bottbor' : ''"></div>
|
<div :class="current == 'article' ? 'nav-bottbor' : ''"></div>
|
||||||
</router-link></div>
|
</router-link>
|
||||||
<div class="top-nav" :class="current == 'qa' ? 'current-nav' : ''">
|
</div>
|
||||||
<router-link to="/qa">问答
|
<div class="top-nav" :style="{color:textColor}" :class="current == 'qa' ? activeNav : ''">
|
||||||
|
<router-link to="/qa" >问答
|
||||||
<div :class="current == 'qa' ? 'nav-bottbor' : ''"></div>
|
<div :class="current == 'qa' ? 'nav-bottbor' : ''"></div>
|
||||||
</router-link></div>
|
</router-link>
|
||||||
|
</div>
|
||||||
<div class="top-nav">
|
<div class="top-nav">
|
||||||
<el-dropdown placement="bottom" @command="handleCommand">
|
<el-dropdown placement="bottom" @command="handleCommand">
|
||||||
<span class="el-dropdown-link" style="font-size:16px;cursor: pointer;">专区</span>
|
<span class="el-dropdown-link" style="font-size:16px;cursor: pointer;" :style="{color:textColor}">专区</span>
|
||||||
<el-dropdown-menu slot="dropdown">
|
<el-dropdown-menu slot="dropdown">
|
||||||
<el-dropdown-item command="one">BOE系列公开课</el-dropdown-item>
|
<el-dropdown-item command="one">BOE系列公开课</el-dropdown-item>
|
||||||
<el-dropdown-item command="two" divided>Grow180</el-dropdown-item>
|
<el-dropdown-item command="two" divided>Grow180</el-dropdown-item>
|
||||||
@@ -35,12 +39,16 @@
|
|||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
<div class="top-nav" :class="current == 'case' ? 'current-nav' : ''"><router-link to="/case">推荐案例
|
<div class="top-nav" :style="{color:textColor}" :class="current == 'case' ? activeNav : ''">
|
||||||
|
<router-link to="/case">推荐案例
|
||||||
<div :class="current == 'case' ? 'nav-bottbor' : ''"></div>
|
<div :class="current == 'case' ? 'nav-bottbor' : ''"></div>
|
||||||
</router-link></div>
|
</router-link>
|
||||||
<div class="top-nav" :class="current == 'follow' ? 'current-nav' : ''"><router-link to="/follow">我的关注
|
</div>
|
||||||
|
<div class="top-nav" :style="{color:textColor}" :class="current == 'follow' ? activeNav : ''">
|
||||||
|
<router-link to="/follow">我的关注
|
||||||
<div :class="current == 'follow' ? 'nav-bottbor' : ''"></div>
|
<div :class="current == 'follow' ? 'nav-bottbor' : ''"></div>
|
||||||
</router-link></div>
|
</router-link>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="portal-top-right">
|
<div class="portal-top-right">
|
||||||
@@ -75,8 +83,8 @@
|
|||||||
<div class="person-action-item">
|
<div class="person-action-item">
|
||||||
<el-dropdown class="person-action-index">
|
<el-dropdown class="person-action-index">
|
||||||
<span class="el-dropdown-link">
|
<span class="el-dropdown-link">
|
||||||
<span v-if="current == 'qa'" style="color: #333;">学员</span>
|
<span :style="{color:textColor}">学员</span>
|
||||||
<span v-else style="color: #fff;">学员</span><i class="el-icon-arrow-down el-icon--right"></i>
|
<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><router-link to="/index">学员</router-link></el-dropdown-item>
|
<el-dropdown-item><router-link to="/index">学员</router-link></el-dropdown-item>
|
||||||
@@ -87,7 +95,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="person-action-item">
|
<div class="person-action-item">
|
||||||
<el-dropdown>
|
<el-dropdown>
|
||||||
<div class="el-dropdown-link" style="display:flex">
|
<div class="el-dropdown-link" style="display:flex" :style="{color:textColor}">
|
||||||
<div class="person-action-index">
|
<div class="person-action-index">
|
||||||
<div v-if="userInfo.avatar !== '' " class="user-avatar">
|
<div v-if="userInfo.avatar !== '' " class="user-avatar">
|
||||||
<img :src="userInfo.avatar" style="width: 30px;height: 30px;"/>
|
<img :src="userInfo.avatar" style="width: 30px;height: 30px;"/>
|
||||||
@@ -97,21 +105,21 @@
|
|||||||
<div v-else><img src="../../public/images/Avatarwoman.png" alt=""></div>
|
<div v-else><img src="../../public/images/Avatarwoman.png" alt=""></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="current == 'qa'" style="color:#333333 ;font-size: 14px;font-weight: 600;margin-top: 10px;">{{userInfo.name}}</div>
|
<div v-if="current == 'qa'" style="font-size: 14px;font-weight: 600;margin-top: 10px;">{{userInfo.name}}</div>
|
||||||
<div v-else style="color:#fff;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>
|
</div>
|
||||||
<el-dropdown-menu slot="dropdown">
|
<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>
|
<el-dropdown-item @click.native="setCurIdentity(1)"><a :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`">个人中心</a></el-dropdown-item>
|
||||||
<el-dropdown-item><router-link :to="'/homePage?id='+userInfo.aid">个人主页</router-link></el-dropdown-item>
|
<el-dropdown-item><router-link :to="'/home/index?id='+userInfo.aid">个人主页</router-link></el-dropdown-item>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
<div class="person-action-item">
|
<div class="person-action-item">
|
||||||
<div v-if="current == 'qa'" class="person-action-index" style="color:#333333" @click="logout()">
|
<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>登出
|
<svg-icon style="margin-right: 4px;font-size:22px;" icon-class="black-out"></svg-icon>登出
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="person-action-index" style="color:#fff" @click="logout()">
|
<div v-else class="person-action-index" :style="{color:textColor}" @click="logout()">
|
||||||
<svg-icon style="margin-right: 4px;font-size:22px;color: #333333;" icon-class="white-out"></svg-icon>登出
|
<svg-icon style="margin-right: 4px;font-size:22px;" icon-class="white-out"></svg-icon>登出
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -127,9 +135,7 @@ import apiMessage from '@/api/system/message.js';
|
|||||||
import apiBoeCourse from '@/api/boe/course.js';
|
import apiBoeCourse from '@/api/boe/course.js';
|
||||||
import InterestCollection from '@/components/Portal/interestCollection.vue'
|
import InterestCollection from '@/components/Portal/interestCollection.vue'
|
||||||
import GuideBox from '@/components/Portal/guideBox.vue'
|
import GuideBox from '@/components/Portal/guideBox.vue'
|
||||||
import {
|
import {userAvatarText} from "@/utils/tools.js";
|
||||||
userAvatarText
|
|
||||||
} from "@/utils/tools.js";
|
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
current: {
|
current: {
|
||||||
@@ -140,6 +146,10 @@ export default {
|
|||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false,
|
default: false,
|
||||||
},
|
},
|
||||||
|
textColor:{
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
},
|
||||||
goSearch:{
|
goSearch:{
|
||||||
type: Number,
|
type: Number,
|
||||||
default: 0,
|
default: 0,
|
||||||
@@ -151,6 +161,12 @@ export default {
|
|||||||
|
|
||||||
avatarText(){
|
avatarText(){
|
||||||
return userAvatarText(this.userInfo.name);
|
return userAvatarText(this.userInfo.name);
|
||||||
|
},
|
||||||
|
activeNav(){
|
||||||
|
return {
|
||||||
|
'top-nav-active-blue': this.textColor=='#000000',
|
||||||
|
'top-nav-active-white': this.textColor=='#fff' || this.textColor=='#ffffff',
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
@@ -290,6 +306,33 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped rel="stylesheet/scss" lang="scss">
|
<style scoped rel="stylesheet/scss" lang="scss">
|
||||||
|
.top-nav-active-blue{
|
||||||
|
color: #387DF7;
|
||||||
|
a{color:#387DF7;}
|
||||||
|
div{
|
||||||
|
width: 75%;
|
||||||
|
height: 4px;
|
||||||
|
top: 75%;
|
||||||
|
left: 13%;
|
||||||
|
background: #387DF7;
|
||||||
|
border-radius: 5px;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.top-nav-active-white{
|
||||||
|
color: #fff;
|
||||||
|
a{color:#fff;}
|
||||||
|
div{
|
||||||
|
width: 75%;
|
||||||
|
height: 4px;
|
||||||
|
top: 75%;
|
||||||
|
left: 13%;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.sear-but{
|
.sear-but{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 10%;
|
bottom: 10%;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="uc-header xcontent">
|
<div class="uc-header">
|
||||||
<div class="header-box" >
|
<div class="uc-header-box" >
|
||||||
<div class="personalData">
|
<div class="personalData">
|
||||||
<!-- <div >
|
<!-- <div >
|
||||||
<img src="../../../public/images/Avatarwoman.png" alt="">
|
<img src="../../../public/images/Avatarwoman.png" alt="">
|
||||||
@@ -8,8 +8,10 @@
|
|||||||
<div class="uesr-avaer">
|
<div class="uesr-avaer">
|
||||||
<img :src="userInfo.avatar" v-if="userInfo.avatar !== '' ">
|
<img :src="userInfo.avatar" v-if="userInfo.avatar !== '' ">
|
||||||
<div v-else class="uavatar">
|
<div v-else class="uavatar">
|
||||||
|
<router-link :to="'/home/index?id='+userInfo.aid">
|
||||||
<div v-if="sex === 1 "><img src="../../../public/images/Avatarman.png" alt=""></div>
|
<div v-if="sex === 1 "><img src="../../../public/images/Avatarman.png" alt=""></div>
|
||||||
<div v-else><img src="../../../public/images/Avatarwoman.png" alt=""></div>
|
<div v-else><img src="../../../public/images/Avatarwoman.png" alt=""></div>
|
||||||
|
</router-link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -48,7 +50,7 @@
|
|||||||
<div class="learning-an"><span>{{uinfo.monthTotal}}</span>h</div>
|
<div class="learning-an"><span>{{uinfo.monthTotal}}</span>h</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="learning-border" ></div>
|
<div class="learning-border" ></div>
|
||||||
<div class="learning-info" style="margin-left:22px">
|
<div class="learning-info">
|
||||||
<div class="learning-qus">当月学习天数</div>
|
<div class="learning-qus">当月学习天数</div>
|
||||||
<div class="learning-an"><span>{{uinfo.monthDay}}</span>天</div>
|
<div class="learning-an"><span>{{uinfo.monthDay}}</span>天</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -57,62 +59,14 @@
|
|||||||
<div class="learning-an"><span>{{uinfo.monthTotalDay}}</span>天</div>
|
<div class="learning-an"><span>{{uinfo.monthTotalDay}}</span>天</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="learning-border" ></div>
|
<div class="learning-border" ></div>
|
||||||
<div class="learning-info" style="margin-left:22px">
|
<div class="learning-info">
|
||||||
<div class="learning-qus">我的U币（累计）</div>
|
<div class="learning-qus">我的U币（累计）</div>
|
||||||
<div class="learning-an"><span>{{uinfo.uCurrency}}</span></div>
|
<div class="learning-an"><span>{{uinfo.uCurrency}}</span></div>
|
||||||
</div>
|
</div>
|
||||||
<div @click="jumrank" class="list">
|
<div class="learning-info">
|
||||||
BOE 排行榜 >>
|
<div @click="jumrank" style="cursor: pointer;" class="ranking-link"> BOE 排行榜 >></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div style="display: flex;justify-content: flex-start;">
|
|
||||||
|
|
||||||
|
|
||||||
<div style="padding-left: 15px;">
|
|
||||||
<div style="height: 38px;padding-left: 5px;">
|
|
||||||
<span style="font-size: 20px;font-weight: 500;color: #333;">{{userInfo.name}}</span>
|
|
||||||
<span style="padding-left: 10px;color: #888888;font-size: 12px;cursor: pointer;">
|
|
||||||
<el-link @click="toPage('/user/Setting')" icon="el-icon-setting" type="info" :underline="false">个人设置</el-link>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div style="height: 35px;padding-left: 5px;color:#7a7a7a;">
|
|
||||||
<span style="color: #7a7a7a;padding-right: 15px;" v-if="orgInfo">{{orgInfo}}</span>
|
|
||||||
目前海没有实时更新的策略，暂未处理
|
|
||||||
<span>学习时长：{{userInfo.studyTotalH}}小时</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<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 style="display: flex;justify-content: flex-end;padding-top: 35px;"> -->
|
|
||||||
<!-- q1没有课程表，所以这里先隐藏
|
|
||||||
<div v-if="curIdentity==2" style="padding: 0px 40px 0px 0px;color: #1EA0FA;text-align: center;">
|
|
||||||
<div><i style="font-size: 40px;" class="el-icon-date"></i> <br/>授课表</div>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
<!---->
|
|
||||||
<!-- <div>
|
|
||||||
<div tabindex="1" class="upicon" @click="toPage('/user/myshare')">
|
|
||||||
<i class="el-icon-share"></i>
|
|
||||||
<div>我分享的</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div tabindex="2" class="upicon" @click="toPage('/user/toshare')">
|
|
||||||
<i class="el-icon-s-promotion"></i>
|
|
||||||
<div>分享给我的</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div tabindex="3" class="upicon" @click="toPage('/user/favorites')">
|
|
||||||
<i class="el-icon-star-on"></i>
|
|
||||||
<div>我的收藏</div>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -202,19 +156,19 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.list{
|
.ranking-link{
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
.learningData{
|
.learningData{
|
||||||
width: 50%;
|
|
||||||
padding-top: 70px;
|
padding-top: 70px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-left:auto;
|
margin-left:auto;
|
||||||
.learning-info{
|
.learning-info{
|
||||||
float: left;
|
float: left;
|
||||||
|
margin-left: 20px;
|
||||||
margin-right: 22px;
|
margin-right: 22px;
|
||||||
.learning-qus{
|
.learning-qus{
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -265,10 +219,8 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
|
|||||||
|
|
||||||
}
|
}
|
||||||
.personalData{
|
.personalData{
|
||||||
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding-top: 40px;
|
padding-top: 40px;
|
||||||
padding-left: 115px;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
.uesr-avaer{
|
.uesr-avaer{
|
||||||
@@ -330,21 +282,21 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-box{
|
.uc-header-box{
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
height: 210px;
|
height: 210px;
|
||||||
background: url('../../../public/images/userbgimg.png') no-repeat;
|
margin: 0 auto;
|
||||||
background-size:445px 210px;
|
|
||||||
background-position: right 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.uc-header{
|
.uc-header{
|
||||||
height: 210px;
|
height: 210px;
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
background: #fff;
|
background-color: #fff;
|
||||||
// background-color: #c9c2c2;
|
background-image: url('../../../public/images/userbgimg.png') ;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size:445px 210px;
|
||||||
|
background-position: right 0;
|
||||||
}
|
}
|
||||||
.upicon{
|
.upicon{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -386,8 +338,8 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
|
|||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
color: #aa0000;
|
color: #aa0000;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.uavatar{
|
.uavatar{
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
// border: 1px solid #73adfe;
|
// border: 1px solid #73adfe;
|
||||||
// color: #73adfe;
|
// color: #73adfe;
|
||||||
@@ -404,8 +356,134 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 1366px){
|
||||||
|
.uc-header-box {
|
||||||
|
width: 1160px;
|
||||||
|
}
|
||||||
|
.learningData{
|
||||||
|
margin-left:auto;
|
||||||
|
.learning-info{
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
.learning-qus{
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.learning-an{
|
||||||
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.personalData{
|
||||||
|
.uesr-avaer{
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.user-content{
|
||||||
|
.content-top{
|
||||||
|
.grade{
|
||||||
|
div{
|
||||||
|
width: 48px;
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
h6{
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
font-size: 14px;
|
||||||
|
margin-left: 5px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.editbutt{
|
||||||
|
width: 80px;
|
||||||
|
height: 25px;
|
||||||
|
line-height: 5px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.content-bottom{
|
||||||
|
.medalbutt{
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1680px) and (min-width:1367px){
|
||||||
|
.uc-header-box {
|
||||||
|
width: 1300px;
|
||||||
|
}
|
||||||
|
.learningData{
|
||||||
|
margin-left:auto;
|
||||||
|
.learning-info{
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.personalData{
|
||||||
|
.uesr-avaer{
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.user-content{
|
||||||
|
.content-top{
|
||||||
|
.grade{
|
||||||
|
div{
|
||||||
|
width: 48px;
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
h6{
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
font-size: 14px;
|
||||||
|
margin-left: 5px;
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
.editbutt{
|
||||||
|
width: 80px;
|
||||||
|
height: 25px;
|
||||||
|
line-height: 5px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1920px) and (min-width: 1681px){
|
||||||
|
.uc-header-box {
|
||||||
|
width: 1600px;
|
||||||
|
}
|
||||||
|
.learningData{
|
||||||
|
margin-left:auto;
|
||||||
|
.learning-info{
|
||||||
|
margin-left: 20px;
|
||||||
|
margin-right: 22px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1921px){
|
||||||
|
.uc-header-box {
|
||||||
|
width: 1800px;
|
||||||
|
}
|
||||||
|
.learningData{
|
||||||
|
margin-left:auto;
|
||||||
|
.learning-info{
|
||||||
|
margin-left: 30px;
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,12 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<section class="app-main xcontent">
|
<section class="app-main xuc-content">
|
||||||
<div style="display: flex;">
|
<div style="display: flex;">
|
||||||
<div style="height: 100%;width: 227px;">
|
<div style="height: 100%;width: 210px;">
|
||||||
<uc-menu></uc-menu>
|
<uc-menu></uc-menu>
|
||||||
<!-- <div style="height: 20px;"></div> -->
|
<!-- <div style="height: 20px;"></div> -->
|
||||||
</div>
|
</div>
|
||||||
<!-- width: 990px; -->
|
<!-- width: 990px; -->
|
||||||
<div class="main-body" style="padding: 30px 30px;flex:1; background-color: #fff;margin-left: 32px;">
|
<div class="main-body" style="padding: 30px 20px;flex:1; background-color: #fff;margin-left: 32px;">
|
||||||
<!-- <div style="margin-bottom: 10px;padding:10px; border-bottom: 1px solid #dbdbdb;"> -->
|
<!-- <div style="margin-bottom: 10px;padding:10px; border-bottom: 1px solid #dbdbdb;"> -->
|
||||||
<!-- <el-breadcrumb separator-class="el-icon-arrow-right">
|
<!-- <el-breadcrumb separator-class="el-icon-arrow-right">
|
||||||
<el-breadcrumb-item :to="{ path: '/uc/index' }"><i class="el-icon-arrow-right"></i>个人中心</el-breadcrumb-item>
|
<el-breadcrumb-item :to="{ path: '/uc/index' }"><i class="el-icon-arrow-right"></i>个人中心</el-breadcrumb-item>
|
||||||
@@ -60,7 +60,7 @@ export default {
|
|||||||
//width: 1500px;
|
//width: 1500px;
|
||||||
// width: 1000px;
|
// width: 1000px;
|
||||||
// margin: 0 auto;
|
// margin: 0 auto;
|
||||||
padding-top: 10px;
|
padding-top: 20px;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
@@ -98,6 +98,30 @@ export default {
|
|||||||
display: block;
|
display: block;
|
||||||
margin: 5px 10px;
|
margin: 5px 10px;
|
||||||
}
|
}
|
||||||
|
.xuc-content{
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1366px){
|
||||||
|
.xuc-content {
|
||||||
|
width: 1100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1680px) and (min-width:1367px){
|
||||||
|
.xuc-content {
|
||||||
|
width: 1300px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1920px) and (min-width: 1681px){
|
||||||
|
.xuc-content {
|
||||||
|
width: 1600px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1921px){
|
||||||
|
.xuc-content {
|
||||||
|
width: 1800px;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<div class="xtop-content">
|
<div class="xtop-content">
|
||||||
<div class="xtop-left">
|
<div class="xtop-left">
|
||||||
<div class="xtop-logo">
|
<div class="xtop-logo">
|
||||||
<router-link class="routerLink" to="/index"><img src="../../../assets/logo/logo2.png" style="width:240px;height: 41px;" /></router-link>
|
<router-link class="routerLink" to="/index"><img src="../../../assets/logo/logo-white.png" style="width:161px;height:27px;" /></router-link>
|
||||||
</div>
|
</div>
|
||||||
<div class="xtop-nav">
|
<div class="xtop-nav">
|
||||||
<div class="xtop-nav-item"><a :href="`${webBaseUrl}/index`">首页</a></div>
|
<div class="xtop-nav-item"><a :href="`${webBaseUrl}/index`">首页</a></div>
|
||||||
@@ -46,6 +46,7 @@
|
|||||||
</el-link>
|
</el-link>
|
||||||
</el-badge>
|
</el-badge>
|
||||||
</div>
|
</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>
|
||||||
@@ -58,7 +59,19 @@
|
|||||||
<el-dropdown-item v-if="identity == 3 || identity == 5" @click.native="setCurIdentity(3)"><router-link to="/course/manage">管理员</router-link></el-dropdown-item>
|
<el-dropdown-item v-if="identity == 3 || identity == 5" @click.native="setCurIdentity(3)"><router-link to="/course/manage">管理员</router-link></el-dropdown-item>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
<div style="margin-left: 50px;color: #fff;"><el-avatar :src="userInfo.avatar" style="vertical-align: middle;width:40px;height:40px;margin-right:10px;"></el-avatar>{{userInfo.name}}</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<el-dropdown>
|
||||||
|
<div style="margin-left: 50px;color: #fff;font-size: 14px;cursor: pointer;">
|
||||||
|
<el-avatar :src="userInfo.avatar" style="vertical-align: middle;width:40px;height:40px;margin-right:10px;"></el-avatar>{{userInfo.name}}
|
||||||
|
</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>
|
||||||
|
<el-dropdown-item><router-link :to="'/home/index?id='+userInfo.aid">个人主页</router-link></el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- <div style="margin-left: 5px;">
|
<!-- <div style="margin-left: 5px;">
|
||||||
<el-dropdown @command="handleUcCommand">
|
<el-dropdown @command="handleUcCommand">
|
||||||
<span class="el-dropdown-link">
|
<span class="el-dropdown-link">
|
||||||
|
|||||||
@@ -150,21 +150,21 @@ export const constantRoutes = [{
|
|||||||
meta: { title: '我的消息', icon: 'dashboard', noCache: true, affix: false },
|
meta: { title: '我的消息', icon: 'dashboard', noCache: true, affix: false },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/homePage',
|
path: '/home',
|
||||||
hidden: true,
|
hidden: true,
|
||||||
component: (resolve) => require(['@/views/homepage/Index'], resolve),
|
component: (resolve) => require(['@/views/homepage/Index'], resolve),
|
||||||
name: 'homePage',
|
name: 'homePage',
|
||||||
redirect: '/homePage/page',
|
redirect: '/home/index',
|
||||||
meta: { title: '主页', icon: 'dashboard', noCache: true, affix: false },
|
meta: { title: '主页', icon: 'dashboard', noCache: true, affix: false },
|
||||||
children: [{
|
children: [{
|
||||||
path: 'page',
|
path: 'index',
|
||||||
hidden: true,
|
hidden: true,
|
||||||
component: (resolve) => require(['@/views/homepage/page'], resolve),
|
component: (resolve) => require(['@/views/homepage/page'], resolve),
|
||||||
name: 'page',
|
name: 'page',
|
||||||
meta: { title: '主页', icon: 'dashboard', noCache: true, affix: true }
|
meta: { title: '主页', icon: 'dashboard', noCache: true, affix: true }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'leavingMessage',
|
path: 'leaving',
|
||||||
hidden: true,
|
hidden: true,
|
||||||
component: (resolve) => require(['@/views/homepage/leavingMessage'], resolve),
|
component: (resolve) => require(['@/views/homepage/leavingMessage'], resolve),
|
||||||
name: 'leavingMessage',
|
name: 'leavingMessage',
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -1,9 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="article-index">
|
<div id="article-index">
|
||||||
<div class="article-banner">
|
<div class="article-banner">
|
||||||
<portal-header current="article" :goSearch="3"></portal-header>
|
<portal-header current="article" textColor="#ffffff" :goSearch="3"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div style="padding-top:30px">
|
||||||
<div class="xcontent2">
|
<div class="xcontent2">
|
||||||
<div class="xcontent2-main" style="margin-right: 30px;" >
|
<div class="xcontent2-main" style="margin-right: 30px;" >
|
||||||
<div v-if="noData" >
|
<div v-if="noData" >
|
||||||
@@ -290,7 +290,7 @@ export default {
|
|||||||
background: url('/images/article-banner.png');
|
background: url('/images/article-banner.png');
|
||||||
}
|
}
|
||||||
.course-resources{
|
.course-resources{
|
||||||
width: 410px;
|
|
||||||
margin-top: 26px;
|
margin-top: 26px;
|
||||||
img{
|
img{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
2<template>
|
2<template>
|
||||||
<div id="article-list-content" class="article-list-content">
|
<div id="article-list-content" class="article-list-content">
|
||||||
<div class="article-banner">
|
<div class="article-banner">
|
||||||
<portal-header current="article" @emitInput="emitInput"></portal-header>
|
<portal-header current="article" textColor="#ffffff" @emitInput="emitInput"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
<!--内容区域-->
|
<!--内容区域-->
|
||||||
<div class="">
|
<div style="padding-top:30px" class="">
|
||||||
<div class="xcontent2">
|
<div class="xcontent2">
|
||||||
<div class="xcontent2-main" style="margin-right: 30px;background-color: #fff;padding-top: 50px;">
|
<div class="xcontent2-main" style="margin-right: 30px;background-color: #fff;padding-top: 50px;">
|
||||||
<div>
|
<div>
|
||||||
@@ -80,13 +80,13 @@
|
|||||||
<ul class="ranking-data">
|
<ul class="ranking-data">
|
||||||
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
|
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
|
||||||
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
|
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
|
||||||
<img src="/images/list-01.png" alt="">
|
<img src="/images/listblue01.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">
|
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">
|
||||||
<img src="/images/list02.png" alt="">
|
<img src="/images/listblue02.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">
|
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">
|
||||||
<img src="/images/list03.png" alt="">
|
<img src="/images/listblue03.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==3" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==3" style="margin-right:94px">
|
||||||
<img src="/images/list04.png" alt="">
|
<img src="/images/list04.png" alt="">
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="case-list-content">
|
<div id="case-list-content">
|
||||||
<div class="case-banner">
|
<div style="margin-bottom:30px" class="case-banner">
|
||||||
<portal-header current="case" :goSearch="2"></portal-header>
|
<portal-header current="case" textColor="#fff" :goSearch="2"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
<div class="">
|
<div class="">
|
||||||
<div class="xcontent2">
|
<div class="xcontent2">
|
||||||
@@ -96,7 +96,7 @@
|
|||||||
<el-empty :image-size="200"></el-empty>
|
<el-empty :image-size="200"></el-empty>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div :class="zoomShow?'':'xcontent2-minor'">
|
<div class="xcontent2-minor" :style="{display:zoomShow? '':'none'}">
|
||||||
<div>
|
<div>
|
||||||
<div id="fixd-box">
|
<div id="fixd-box">
|
||||||
<div class="portal-ranking ranking-bg">
|
<div class="portal-ranking ranking-bg">
|
||||||
@@ -524,7 +524,6 @@ export default {
|
|||||||
background: url('/images/case-banner.png');
|
background: url('/images/case-banner.png');
|
||||||
}
|
}
|
||||||
.course-resources{
|
.course-resources{
|
||||||
width: 410px;
|
|
||||||
margin-top: 26px;
|
margin-top: 26px;
|
||||||
img{
|
img{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="case-list-content">
|
<div id="case-list-content">
|
||||||
<div class="case-banner">
|
<div class="case-banner">
|
||||||
<portal-header current="case" @emitInput="emitInput"></portal-header>
|
<portal-header current="case" textColor="#fff" @emitInput="emitInput"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
<div class="xcontent2">
|
<div class="xcontent2">
|
||||||
<div class="xcontent2-main" style="margin-right: 30px;">
|
<div class="xcontent2-main" style="margin-right: 30px;">
|
||||||
@@ -100,7 +100,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div style="display: flex;justify-content: flex-end;">
|
<div style="display: flex;justify-content: flex-end;">
|
||||||
<div style="margin:8px 0;">
|
<div style="margin:8px 0;">
|
||||||
<interactBar :type="0" :shares="false" :data="item" :readonly="true"></interactBar> </div>
|
<interactBar :type="0" :shares="false" :data="item" :readonly="true" :views="false"></interactBar> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -709,7 +709,6 @@ export default {
|
|||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.course-resources{
|
.course-resources{
|
||||||
width: 410px;
|
|
||||||
margin-top: 26px;
|
margin-top: 26px;
|
||||||
img{
|
img{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -1,20 +1,23 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<portal-header current="course" :goSearch="1"></portal-header>
|
<div class="xpage-coures-banner">
|
||||||
<div class="portal-content xcontent">
|
<portal-header current="course" textColor="#fff" :goSearch="1"></portal-header>
|
||||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb-nav">
|
<div class="xcontent">
|
||||||
<el-breadcrumb-item :to="{ path: '/course' }">课程列表</el-breadcrumb-item>
|
<div class="banner-crumbs">
|
||||||
<el-breadcrumb-item>课程详情</el-breadcrumb-item>
|
<router-link to="/course"><span class="crumbs-first">课程列表</span></router-link>
|
||||||
</el-breadcrumb>
|
<span class="crumbs-line"> > </span>
|
||||||
<!-- <div class="course-title">
|
<span class="crumbs-last">课程详情</span>
|
||||||
<div class="title">{{courseInfo.name}}</div>
|
|
||||||
<div class="course-title-right">
|
|
||||||
<interactBar :readonly="!stuStusts || stuStusts==0" :type="1" :data="courseInfo" :comments="false" :views="false"></interactBar>
|
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
<div class="bcourse-title">
|
||||||
<el-row :gutter="10">
|
<!-- <span>{{courseInfo.name}}</span> -->
|
||||||
<el-col :span="24">
|
<!-- <span>{{courseInfo.summary}}</span> -->
|
||||||
<el-card :body-style="{ padding: '0px' }">
|
<!-- <span class="bcourse-score">{{toScore(courseInfo.score)}}分</span> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="portal-content xcontent">
|
||||||
|
|
||||||
<div class="detail">
|
<div class="detail">
|
||||||
<div class="image">
|
<div class="image">
|
||||||
<course-image :course="courseInfo"></course-image>
|
<course-image :course="courseInfo"></course-image>
|
||||||
@@ -61,7 +64,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
|
||||||
<el-row :gutter="10">
|
<el-row :gutter="10">
|
||||||
<el-col :span="18">
|
<el-col :span="18">
|
||||||
<el-card :body-style="{ padding: '0px' }" class="info" style="margin-top: 10px;">
|
<el-card :body-style="{ padding: '0px' }" class="info" style="margin-top: 10px;">
|
||||||
@@ -121,8 +124,7 @@
|
|||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
</div>
|
||||||
<portal-footer></portal-footer>
|
<portal-footer></portal-footer>
|
||||||
</div>
|
</div>
|
||||||
@@ -411,6 +413,8 @@ export default {
|
|||||||
|
|
||||||
.detail {
|
.detail {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
margin-top: 20px;
|
||||||
|
background-color: #fff;
|
||||||
.image {
|
.image {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
height: 280px;
|
height: 280px;
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -1,9 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="couser-list-content" class="couser-list-content">
|
<div id="couser-list-content" class="couser-list-content">
|
||||||
<div class="course-banner">
|
<div class="course-banner">
|
||||||
<portal-header current="course" @emitInput="emitInput"></portal-header>
|
<portal-header current="course" textColor="#fff" @emitInput="emitInput"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
<div class="">
|
<div style="padding-top:30px" class="">
|
||||||
<div class="xcontent2">
|
<div class="xcontent2">
|
||||||
<div class="xcontent2-main content-div">
|
<div class="xcontent2-main content-div">
|
||||||
<div class="search-div" style="margin-right:36px">
|
<div class="search-div" style="margin-right:36px">
|
||||||
@@ -83,6 +83,7 @@
|
|||||||
<a :href="toCourseDetail(cinfo)">
|
<a :href="toCourseDetail(cinfo)">
|
||||||
<div class="course-image-box">
|
<div class="course-image-box">
|
||||||
<course-image :course="cinfo"></course-image>
|
<course-image :course="cinfo"></course-image>
|
||||||
|
<span v-if="cinfo.type == 20 || 10" class="course-type-left">录播课</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="course-title two-line-ellipsis" :title="cinfo.title" v-html="cinfo.name"></div>
|
<div class="course-title two-line-ellipsis" :title="cinfo.title" v-html="cinfo.name"></div>
|
||||||
<div class="course-info">
|
<div class="course-info">
|
||||||
@@ -121,7 +122,7 @@
|
|||||||
上传课程
|
上传课程
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="portal-ranking ranking-bg">
|
<div class="portal-ranking-list ranking-bg">
|
||||||
<div class="ranking-title">好评榜</div>
|
<div class="ranking-title">好评榜</div>
|
||||||
<ul class="ranking-data">
|
<ul class="ranking-data">
|
||||||
<li class="list-info" v-for="(item, index) in scorelist" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
|
<li class="list-info" v-for="(item, index) in scorelist" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
|
||||||
@@ -142,14 +143,15 @@
|
|||||||
</span>
|
</span>
|
||||||
<span class="portal-title-desc title-line-ellipsis" v-if="item.images == ''" style="font-size: 14px;">{{ item.name }}</span>
|
<span class="portal-title-desc title-line-ellipsis" v-if="item.images == ''" style="font-size: 14px;">{{ item.name }}</span>
|
||||||
<span class="portal-title-desc" v-else style="font-size: 14px;">
|
<span class="portal-title-desc" v-else style="font-size: 14px;">
|
||||||
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
|
<img v-if="index == 0" class="rankimg" :src="fileBaseUrl + item.images" alt=""/>
|
||||||
<span class="portal-images-title two-line-ellipsis">{{ item.name }}</span>
|
<span class="portal-images-title two-line-ellipsis">{{ item.name }}</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<div class="list-active">
|
<div class="list-active">
|
||||||
<div class="list-content">
|
<div class="list-content">
|
||||||
<div class="list-img">
|
<div class="list-img">
|
||||||
<course-image :course="item"></course-image>
|
<!-- <course-image :course="item"></course-image> -->
|
||||||
|
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
|
||||||
<span v-if="item.type < 21" class="course-type">录播</span>
|
<span v-if="item.type < 21" class="course-type">录播</span>
|
||||||
<span v-if="item.type==30" class="course-type">线下课</span>
|
<span v-if="item.type==30" class="course-type">线下课</span>
|
||||||
<span v-if="item.type==40" class="course-type">学习项目</span>
|
<span v-if="item.type==40" class="course-type">学习项目</span>
|
||||||
@@ -166,7 +168,7 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-top:26px" class="portal-ranking ranking-bg1">
|
<div style="margin-top:26px" class="portal-ranking-list ranking-bg1">
|
||||||
<div class="ranking-title">人气榜</div>
|
<div class="ranking-title">人气榜</div>
|
||||||
<ul class="ranking-data">
|
<ul class="ranking-data">
|
||||||
<li class="list-info" v-for="(item, index) in ankingList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
|
<li class="list-info" v-for="(item, index) in ankingList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
|
||||||
@@ -187,14 +189,15 @@
|
|||||||
</span>
|
</span>
|
||||||
<span class="portal-title-desc title-line-ellipsis" v-if="item.images == ''" style="font-size: 14px;">{{ item.name }}</span>
|
<span class="portal-title-desc title-line-ellipsis" v-if="item.images == ''" style="font-size: 14px;">{{ item.name }}</span>
|
||||||
<span class="portal-title-desc" v-else style="font-size: 14px;">
|
<span class="portal-title-desc" v-else style="font-size: 14px;">
|
||||||
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
|
<img v-if="index == 0" class="rankimg" :src="fileBaseUrl + item.images" alt=""/>
|
||||||
<span class="portal-images-title two-line-ellipsis">{{ item.name }}</span>
|
<span class="portal-images-title two-line-ellipsis">{{ item.name }}</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<div class="list-active">
|
<div class="list-active">
|
||||||
<div class="list-content">
|
<div class="list-content">
|
||||||
<div class="list-img">
|
<div class="list-img">
|
||||||
<course-image :course="item"></course-image>
|
<!-- <course-image :course="item"></course-image> -->
|
||||||
|
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
|
||||||
<span v-if="item.type < 21" class="course-type">录播</span>
|
<span v-if="item.type < 21" class="course-type">录播</span>
|
||||||
<span v-if="item.type==30" class="course-type">线下课</span>
|
<span v-if="item.type==30" class="course-type">线下课</span>
|
||||||
<span v-if="item.type==40" class="course-type">学习项目</span>
|
<span v-if="item.type==40" class="course-type">学习项目</span>
|
||||||
@@ -211,7 +214,7 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-top:26px" class="portal-ranking ranking-bg2">
|
<div style="margin-top:26px" class="portal-ranking-list ranking-bg2">
|
||||||
<div class="ranking-title">热度榜</div>
|
<div class="ranking-title">热度榜</div>
|
||||||
<ul class="ranking-data">
|
<ul class="ranking-data">
|
||||||
<li class="list-info" v-for="(item, index) in hotList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
|
<li class="list-info" v-for="(item, index) in hotList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
|
||||||
@@ -231,14 +234,15 @@
|
|||||||
<img src="/images/list05.png" alt="">
|
<img src="/images/list05.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-title-desc title-line-ellipsis list-lidex" v-if="item.images == ''" style="font-size: 14px;">{{ item.courseName }}</span>
|
<span class="portal-title-desc title-line-ellipsis list-lidex" v-if="item.images == ''" style="font-size: 14px;">{{ item.courseName }}</span>
|
||||||
<span class="portal-title-desc span" v-else style="font-size: 14px;">
|
<span class="portal-title-desc " v-else style="font-size: 14px;">
|
||||||
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
|
<img v-if="index == 0" class="rankimg" :src="fileBaseUrl + item.images" alt=""/>
|
||||||
<span class="portal-images-title two-line-ellipsis">{{ item.courseName }}</span>
|
<span class="portal-images-title two-line-ellipsis">{{ item.courseName }}</span>
|
||||||
</span>
|
</span>
|
||||||
<div class="list-active">
|
<div class="list-active">
|
||||||
<div class="list-content">
|
<div class="list-content">
|
||||||
<div class="list-img">
|
<div class="list-img">
|
||||||
<course-image :course="item"></course-image>
|
<!-- <course-image :course="item"></course-image> -->
|
||||||
|
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
|
||||||
<span v-if="item.type < 21" class="course-type">录播</span>
|
<span v-if="item.type < 21" class="course-type">录播</span>
|
||||||
<span v-if="item.type==30" class="course-type">线下课</span>
|
<span v-if="item.type==30" class="course-type">线下课</span>
|
||||||
<span v-if="item.type==40" class="course-type">学习项目</span>
|
<span v-if="item.type==40" class="course-type">学习项目</span>
|
||||||
@@ -430,11 +434,10 @@ export default {
|
|||||||
couresreso(){
|
couresreso(){
|
||||||
let key = 'course';
|
let key = 'course';
|
||||||
apiPlace.detail(key).then(res=>{
|
apiPlace.detail(key).then(res=>{
|
||||||
console.log(res)
|
console.log(res,'lmj')
|
||||||
let lmj = JSON.parse(res.result.content)
|
let Imageres = JSON.parse(res.result.content);
|
||||||
// console.log(lmj)
|
this.resonimg = Imageres[0]
|
||||||
this.resonimg = lmj[0]
|
// console.log(this.resonimg,'111')
|
||||||
console.log(this.resonimg.image)
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
jumUX() {
|
jumUX() {
|
||||||
@@ -452,6 +455,7 @@ export default {
|
|||||||
.clientHeight;
|
.clientHeight;
|
||||||
let outerHeight = document.documentElement.clientHeight;
|
let outerHeight = document.documentElement.clientHeight;
|
||||||
let scrollTop = document.documentElement.scrollTop;
|
let scrollTop = document.documentElement.scrollTop;
|
||||||
|
let outerWidth = document.querySelector(".xcontent2-minor").clientWidth;
|
||||||
if (outerHeight + scrollTop + 350 >= innerHeight) {
|
if (outerHeight + scrollTop + 350 >= innerHeight) {
|
||||||
if (this.moreState == 1 && this.course.pageIndex < 4) {
|
if (this.moreState == 1 && this.course.pageIndex < 4) {
|
||||||
this.loadMore();
|
this.loadMore();
|
||||||
@@ -459,7 +463,7 @@ export default {
|
|||||||
}
|
}
|
||||||
if (scrollTop > 830) {
|
if (scrollTop > 830) {
|
||||||
document.querySelector("#fixd-box").style.cssText =
|
document.querySelector("#fixd-box").style.cssText =
|
||||||
"position: fixed;top: -914px;";
|
"position: fixed;top: -914px;width:"+outerWidth+"px";
|
||||||
} else {
|
} else {
|
||||||
document.querySelector("#fixd-box").style.cssText = "position: static";
|
document.querySelector("#fixd-box").style.cssText = "position: static";
|
||||||
}
|
}
|
||||||
@@ -833,12 +837,34 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|
||||||
|
.course-type-left {
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
right: 0px;
|
||||||
|
width: 60px;
|
||||||
|
height: 24px;
|
||||||
|
line-height: 24px;
|
||||||
|
text-align: center;
|
||||||
|
background-color: #f99000;
|
||||||
|
border-radius: 2px 4px 2px 14px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #ffffff;
|
||||||
|
-moz-user-select: none;
|
||||||
|
/*火狐*/
|
||||||
|
-webkit-user-select: none;
|
||||||
|
/*webkit浏览器*/
|
||||||
|
-ms-user-select: none;
|
||||||
|
/*IE10*/
|
||||||
|
-khtml-user-select: none;
|
||||||
|
/*早期浏览器*/
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
.list-lidex{
|
.list-lidex{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
.course-resources{
|
.course-resources{
|
||||||
width: 410px;
|
|
||||||
margin-top: 24px;
|
margin-top: 24px;
|
||||||
|
|
||||||
img{
|
img{
|
||||||
@@ -892,13 +918,13 @@ export default {
|
|||||||
.course-type{
|
.course-type{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 26%;
|
||||||
height: 20;
|
height: 20;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
padding: 0px 8px;
|
padding: 0px 8px;
|
||||||
background: #387DF7;
|
background: #387DF7 ;
|
||||||
border-radius: 0px 12px 0px 0px;
|
border-radius: 0px 12px 0px 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,13 +1,21 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<portal-header current="course" :goSearch="1"></portal-header>
|
<div class="xpage-coures-banner">
|
||||||
|
<portal-header current="course" textColor="#fff" :goSearch="1"></portal-header>
|
||||||
|
<div class="xcontent">
|
||||||
|
<div class="banner-crumbs">
|
||||||
|
<router-link to="/course"><span class="crumbs-first">课程列表</span></router-link>
|
||||||
|
<span class="crumbs-line"> > </span>
|
||||||
|
<span class="crumbs-last">课程详情</span>
|
||||||
|
</div>
|
||||||
|
<div class="bcourse-title">
|
||||||
|
<!-- <span>{{courseInfo.name}}</span> -->
|
||||||
|
<!-- <span>{{courseInfo.summary}}</span> -->
|
||||||
|
<!-- <span class="bcourse-score">{{toScore(courseInfo.score)}}分</span> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="portal-content xcontent">
|
<div class="portal-content xcontent">
|
||||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb-nav">
|
|
||||||
<el-breadcrumb-item :to="{ path: '/course' }">课程列表</el-breadcrumb-item>
|
|
||||||
<el-breadcrumb-item>课程详情</el-breadcrumb-item>
|
|
||||||
</el-breadcrumb>
|
|
||||||
<el-row :gutter="10">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-card :body-style="{ padding: '0px', 'min-height': '500px' }">
|
<el-card :body-style="{ padding: '0px', 'min-height': '500px' }">
|
||||||
<el-row class="detail">
|
<el-row class="detail">
|
||||||
<el-col :span="18">
|
<el-col :span="18">
|
||||||
@@ -217,8 +225,7 @@
|
|||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
</div>
|
||||||
<portal-footer></portal-footer>
|
<portal-footer></portal-footer>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,6 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="follow-page">
|
<div class="follow-page">
|
||||||
<top></top>
|
<div class="follow-banner">
|
||||||
|
<portal-header current="follow" textColor="#fff" @emitInput="emitInput"></portal-header>
|
||||||
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="home-page-left">
|
<div class="home-page-left">
|
||||||
<div class="book-input">
|
<div class="book-input">
|
||||||
@@ -54,7 +56,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import top from '../../../layout/components/TopNav/Index.vue'
|
import portalHeader from "@/components/PortalHeader.vue";
|
||||||
import UcHeader from '@/components/HomePage/homePage.vue'
|
import UcHeader from '@/components/HomePage/homePage.vue'
|
||||||
import CaseList from '@/components/HomePage/caseList.vue'
|
import CaseList from '@/components/HomePage/caseList.vue'
|
||||||
import CourseList from '@/components/HomePage/courseList.vue'
|
import CourseList from '@/components/HomePage/courseList.vue'
|
||||||
@@ -66,7 +68,7 @@
|
|||||||
import BookList from "@/components/HomePage/bookList.vue"
|
import BookList from "@/components/HomePage/bookList.vue"
|
||||||
|
|
||||||
export default{
|
export default{
|
||||||
components:{top,UcHeader,CaseList,CourseList,NoteList,PutList,AnswerList,ArticleList,FollowList,BookList},
|
components:{portalHeader,UcHeader,CaseList,CourseList,NoteList,PutList,AnswerList,ArticleList,FollowList,BookList},
|
||||||
data(){
|
data(){
|
||||||
return{
|
return{
|
||||||
input:'',
|
input:'',
|
||||||
@@ -82,9 +84,11 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.follow-banner{
|
||||||
|
background-color: #0078FC;
|
||||||
|
}
|
||||||
.follow-page{
|
.follow-page{
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
padding-top: 72px;
|
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
::v-deep .el-tabs__active-bar{
|
::v-deep .el-tabs__active-bar{
|
||||||
height: 4px;
|
height: 4px;
|
||||||
@@ -221,4 +225,3 @@
|
|||||||
// }
|
// }
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
@@ -1,9 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="answer-detail">
|
<div id="answer-detail">
|
||||||
<div class="qa-banner">
|
<div class="qa-banner">
|
||||||
<portal-header current="qa" :goSearch="4"></portal-header>
|
<portal-header current="qa" textColor="#000000" :goSearch="4"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
<div >
|
<div style="padding-top:30px" >
|
||||||
<div class="xcontent2">
|
<div class="xcontent2">
|
||||||
<div style="margin-right: 30px;" class="xcontent2-main">
|
<div style="margin-right: 30px;" class="xcontent2-main">
|
||||||
<div v-if="noData">
|
<div v-if="noData">
|
||||||
@@ -31,7 +31,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content-inter">
|
<div class="content-inter">
|
||||||
<interactBar v-if="detailData.id" :type="4" :comments="false" :data="detailData" :views="false"> </interactBar>
|
<interactBar v-if="detailData.id" :type="4" :shares="false" :comments="false" :data="detailData" :answers="true" :clickAnswer="true" :views="false"> </interactBar>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@@ -887,7 +887,6 @@ export default {
|
|||||||
background: url('/images/qa-banner.png');
|
background: url('/images/qa-banner.png');
|
||||||
}
|
}
|
||||||
.course-resources{
|
.course-resources{
|
||||||
width: 410px;
|
|
||||||
margin-top: 26px;
|
margin-top: 26px;
|
||||||
img{
|
img{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<div class="qa-banner">
|
<div class="qa-banner">
|
||||||
<portal-header current="qa" :goSearch="4"></portal-header>
|
<portal-header current="qa" :goSearch="4"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
<div class="portal-content xcontent" >
|
<div style="padding-top:30px" class="portal-content xcontent" >
|
||||||
<div class="xrow" style="display: flex;justify-content: space-between;">
|
<div class="xrow" style="display: flex;justify-content: space-between;">
|
||||||
<div style="flex: 1;" class="xcol content-div">
|
<div style="flex: 1;" class="xcol content-div">
|
||||||
|
|
||||||
@@ -743,7 +743,7 @@ export default {
|
|||||||
background: url('/images/qa-banner.png');
|
background: url('/images/qa-banner.png');
|
||||||
}
|
}
|
||||||
.course-resources{
|
.course-resources{
|
||||||
width: 410px;
|
// width: 410px;
|
||||||
img{
|
img{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="qa-list-content" class="qa-list-content">
|
<div id="qa-list-content" class="qa-list-content">
|
||||||
<div class="qa-banner">
|
<div class="qa-banner">
|
||||||
<portal-header current="qa" class="qa-nav" @emitInput="emitInput"></portal-header>
|
<portal-header current="qa" textColor="#000000" class="qa-nav" @emitInput="emitInput"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="portal-content">
|
<div style="padding-top:30px" class="portal-content">
|
||||||
|
|
||||||
<div class="xcontent2">
|
<div class="xcontent2">
|
||||||
<div class="xcontent2-main" style="margin-right: 30px;background-color: #fff;padding-top: 50px;">
|
<div class="xcontent2-main" style="margin-right: 30px;background-color: #fff;padding-top: 50px;">
|
||||||
@@ -55,7 +55,7 @@
|
|||||||
<div style="width: 120px;">
|
<div style="width: 120px;">
|
||||||
<author :avatar="qa.authorInfo.avatar" :name="qa.authorInfo.name" :sex="qa.authorInfo.sex"></author>
|
<author :avatar="qa.authorInfo.avatar" :name="qa.authorInfo.name" :sex="qa.authorInfo.sex"></author>
|
||||||
</div>
|
</div>
|
||||||
<div><interactBar nodeWidth="60px" :readonly="true" :type="4" :data="qa" @addAnswers="qaAnswer(qa)" :shares="true" :comments="false" :answers="true" :clickAnswer="true" :views="false"></interactBar></div>
|
<div><interactBar nodeWidth="60px" :readonly="true" :type="4" :data="qa" @addAnswers="qaAnswer(qa)" :shares="false" :comments="false" :answers="true" :clickAnswer="true" :views="false"></interactBar></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -85,13 +85,13 @@
|
|||||||
<ul class="ranking-data">
|
<ul class="ranking-data">
|
||||||
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
|
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
|
||||||
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
|
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
|
||||||
<img src="/images/list-01.png" alt="">
|
<img src="/images/listblue01.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">
|
<span class="portal-right-text orange-tow" v-if="index==1" style="margin-right:94px">
|
||||||
<img src="/images/list02.png" alt="">
|
<img src="/images/listblue02.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">
|
<span class="portal-right-text orange-three" v-if="index==2" style="margin-right:94px">
|
||||||
<img src="/images/list03.png" alt="">
|
<img src="/images/listblue03.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<span class="portal-right-text" v-if="index==3" style="margin-right:94px">
|
<span class="portal-right-text" v-if="index==3" style="margin-right:94px">
|
||||||
<img src="/images/list04.png" alt="">
|
<img src="/images/list04.png" alt="">
|
||||||
@@ -444,7 +444,6 @@ export default {
|
|||||||
background: #387DF7 !important;
|
background: #387DF7 !important;
|
||||||
}
|
}
|
||||||
.course-resources{
|
.course-resources{
|
||||||
width: 410px;
|
|
||||||
margin-top: 26px;
|
margin-top: 26px;
|
||||||
img{
|
img{
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -3,7 +3,7 @@
|
|||||||
<div class="myubi">
|
<div class="myubi">
|
||||||
<div class="ubi-hear">
|
<div class="ubi-hear">
|
||||||
<h6>我的U币:{{uinfo.uCurrency}}</h6><span class="pointer" @click="dialogVisible = true">U币规则 <i class="el-icon-arrow-right"></i> </span>
|
<h6>我的U币:{{uinfo.uCurrency}}</h6><span class="pointer" @click="dialogVisible = true">U币规则 <i class="el-icon-arrow-right"></i> </span>
|
||||||
<el-button @click="exportRecord()">导出记录</el-button>
|
<el-button icon="el-icon-document" @click="exportRecord()">导出记录</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div style="max-height:600px;overflow-y:auto;padding-right:50px">
|
<div style="max-height:600px;overflow-y:auto;padding-right:50px">
|
||||||
<div class="Ubi-hist">
|
<div class="Ubi-hist">
|
||||||
|
|||||||
Reference in New Issue
Block a user