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

调整首页

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

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

@@ -7,6 +7,10 @@
margin: 26px auto; margin: 26px auto;
} }
.xindex-main{
padding-right: 20px;
}
// 课程卡片 // 课程卡片
.xindex-course{ .xindex-course{
display: inline-block; display: inline-block;
@@ -20,16 +24,7 @@
position: relative; position: relative;
background-color: #ffffff; background-color: #ffffff;
border-radius: 8px; border-radius: 8px;
.cor-praises {
position: absolute;
right: 50px;
bottom: 20px;
.interact-bar-btn{
.interact-bar-value{
display: none;
}
}
}
.xindex-course-image{ .xindex-course-image{
position: relative; position: relative;
@@ -143,9 +138,10 @@
} }
.course-score-no { .course-score-no {
text-align: right; text-align: right;
padding-left: 10px;
font-size: 14px; font-size: 14px;
color: #6B7C85; color: #6B7C85;
line-height: 30px; //line-height: 30px;
-moz-user-select: none; /*火狐*/ -moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/ -webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/ -ms-user-select: none; /*IE10*/
@@ -156,7 +152,7 @@
font-size: 14px; font-size: 14px;
// margin-top: 5px; // margin-top: 5px;
margin-left: 32px; margin-left: 32px;
line-height: 30px; //line-height: 30px;
color: #FA6400; color: #FA6400;
font-family: 'Arial'; font-family: 'Arial';
-moz-user-select: none; /*火狐*/ -moz-user-select: none; /*火狐*/
@@ -213,9 +209,9 @@
.xindex-case { .xindex-case {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
width: 30.33%; width: 33.33%;
margin-right: 20px; //margin-right: 20px;
// padding-right: 20px; padding-right: 20px;
} }
.xindex-qa { .xindex-qa {
@@ -442,6 +438,9 @@
.xindex-content{ .xindex-content{
width: 1100px; width: 1100px;
} }
.xindex-main{
padding-right: 20px;
}
.personal-panel{ .personal-panel{
width: 300px; width: 300px;
height: 320px; height: 320px;
@@ -450,19 +449,17 @@
margin-left: 0px; margin-left: 0px;
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
}
} }
}
//课程卡片样式 //课程卡片样式
.xindex-course{ .xindex-course{
width: 255px; width: 255px;
padding: 20px; padding: 20px;
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
.cor-praises {
right: 40px;
bottom: 16px;
}
.course-image-box{ .course-image-box{
width: 220px; width: 220px;
height: 123px; height: 123px;
@@ -475,7 +472,7 @@
margin-top:15px; margin-top:15px;
} }
.xindex-ranking-course{ .xindex-ranking-course{
height: 450px; height: 460px;
} }
.xindex-ranking-case{ .xindex-ranking-case{
@@ -493,20 +490,9 @@
.xindex-case { .xindex-case {
// padding-right: 20px; // padding-right: 20px;
} }
// .boe-index{ .xindex-qa {
// 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;
@@ -518,9 +504,7 @@
height: 22px; height: 22px;
} }
} }
.modules-list{
margin-right: 20px;
}
.boe-case-index{ .boe-case-index{
height: 246px; height: 246px;
margin-right: 20px; margin-right: 20px;
@@ -608,6 +592,7 @@
} }
.boe-article-index{ .boe-article-index{
padding: 17px; padding: 17px;
margin-right: 20px;
.article-card-left{ .article-card-left{
width: 200px; width: 200px;
.article-info-index-summary{ .article-info-index-summary{
@@ -686,9 +671,12 @@
@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;
}
.xindex-main{
padding-right: 0px;
} }
.personal-panel{ .personal-panel{
width: 356px; width: 356px;
height: 370px; height: 370px;
padding: 30px 45px; padding: 30px 45px;
.personal-box{ .personal-box{
@@ -698,14 +686,10 @@
} }
} }
.xindex-course{ .xindex-course{
width: 320px; width: 332px;
padding: 25px; padding: 25px;
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
.cor-praises {
right: 50px;
bottom: 20px;
}
.course-image-box{ .course-image-box{
width: 280px; width: 280px;
height: 100px; height: 100px;
@@ -719,7 +703,7 @@
margin-top:20px; margin-top:20px;
} }
.xindex-ranking-course{ .xindex-ranking-course{
height: 535px; height: 532px;
} }
.xindex-ranking-case{ .xindex-ranking-case{
@@ -737,7 +721,8 @@
.xindex-case { .xindex-case {
// padding-right: 20px; // padding-right: 20px;
} }
.xindex-qa {
}
.case-inter{ .case-inter{
left: 20px; left: 20px;
bottom:20px; bottom:20px;
@@ -761,7 +746,7 @@
width: 290px; width: 290px;
height: 250px; height: 250px;
top:30px; top:30px;
left:15px; left:20px;
padding: 20px; padding: 20px;
.time-one{ .time-one{
padding:3px 10px; padding:3px 10px;
@@ -834,6 +819,7 @@
} }
.boe-article-index{ .boe-article-index{
padding: 30px; padding: 30px;
margin-right: 20px;
.article-card-left{ .article-card-left{
width: 250px; width: 250px;
.article-info-index-summary{ .article-info-index-summary{
@@ -910,8 +896,11 @@
.xindex-content{ .xindex-content{
width: 1690px; width: 1690px;
} }
.xindex-main{
padding-right: 0px;
}
.personal-panel{ .personal-panel{
width: 356px; width: 356px;
height: 370px; height: 370px;
padding: 30px 45px; padding: 30px 45px;
.personal-box{ .personal-box{
@@ -925,10 +914,7 @@
margin-right: 30px; margin-right: 30px;
margin-bottom: 30px; margin-bottom: 30px;
border-radius: 8px; border-radius: 8px;
.cor-praises {
right: 50px;
bottom: 26px;
}
.course-image-box{ .course-image-box{
width: 340px; width: 340px;
height: 191x; height: 191x;
@@ -957,9 +943,11 @@
} }
.xindex-case { .xindex-case {
// padding-right: 30px; padding-right: 30px;
}
.xindex-qa {
padding-right: 30px;
} }
.case-inter{ .case-inter{
left: 20px; left: 20px;
bottom:20px; bottom:20px;
@@ -972,7 +960,7 @@
} }
} }
.modules-list{ .modules-list{
margin-right: 36px; margin-right: 0px;
} }
.boe-case-index{ .boe-case-index{
height: 396px; height: 396px;
@@ -983,7 +971,7 @@
width: 350px; width: 350px;
height: 274px; height: 274px;
top:30px; top:30px;
left:15px; left:24px;
padding: 30px; padding: 30px;
.time-one{ .time-one{
padding:3px 10px; padding:3px 10px;
@@ -1060,6 +1048,7 @@
} }
.boe-article-index{ .boe-article-index{
padding: 30px; padding: 30px;
margin-right: 30px;
.article-card-left{ .article-card-left{
width: 352px; width: 352px;
.article-info-index-summary{ .article-info-index-summary{
@@ -1137,16 +1126,15 @@
.xindex-content{ .xindex-content{
width: 1880px; width: 1880px;
} }
.xindex-main{
padding-right: 36px;
}
.xindex-course{ .xindex-course{
width: 410px; width: 410px;
padding: 30px; padding: 30px;
margin-right: 36px; margin-right: 36px;
margin-bottom: 36px; margin-bottom: 36px;
border-radius: 8px; border-radius: 8px;
.cor-praises {
right: 50px;
bottom: 26px;
}
.course-image-box{ .course-image-box{
width: 350px; width: 350px;
height: 196x; height: 196x;
@@ -1278,6 +1266,7 @@
} }
.boe-article-index{ .boe-article-index{
padding: 30px; padding: 30px;
margin-right: 36px;
.article-card-left{ .article-card-left{
width: 352px; width: 352px;
.article-info-index-summary{ .article-info-index-summary{

40
src/components/PortalHeader.vue
View File

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

24
src/icons/svg/messfff.svg
View File

@@ -1,23 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg t="1665718817453" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19903" width="64" height="64"><path d="M609.578667 806.826667a36.693333 36.693333 0 0 0-36.181334 37.12c0 34.816-27.434667 63.061333-61.269333 63.061333-33.834667 0-61.312-28.245333-61.312-63.018667a36.693333 36.693333 0 0 0-36.181333-37.162666 36.693333 36.693333 0 0 0-36.181334 37.12c0 75.776 59.946667 137.386667 133.674667 137.386666 73.685333 0 133.632-61.610667 133.632-137.386666a36.693333 36.693333 0 0 0-36.181333-37.12z m242.901333-125.013334c-53.034667-40.917333-84.736-105.984-84.736-174.08V371.285333c-2.858667-122.624-82.944-227.157333-194.986667-254.421333-3.797333-0.853333-7.594667-1.749333-11.434666-2.389333 1.92-5.546667 3.2-11.562667 3.2-17.92C564.48 66.901333 541.013333 42.666667 512 42.666667c-29.013333 0-52.522667 24.106667-52.522667 53.973333 0 6.314667 1.28 12.288 3.157334 17.962667a251.306667 251.306667 0 0 0-108.928 51.584 264.192 264.192 0 0 0-97.365334 205.781333v135.509333c0 68.138667-31.701333 133.205333-84.736 174.08-19.2 14.848-27.050667 40.533333-19.413333 64s28.842667 39.125333 52.821333 39.125334H285.44c0.853333 0.128 1.706667 0.128 2.432 0.128h530.773333c24.064 0 45.269333-15.701333 52.906667-39.168a57.258667 57.258667 0 0 0-19.072-63.872z" p-id="19904"></path></svg>
<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>消息</title>
<defs>
<polygon id="path-1" points="5.0748738e-17 0 16 0 16 16 5.0748738e-17 16"></polygon>
</defs>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="21.个人中心-编辑资料" transform="translate(-1527.000000, -25.000000)">
<g id="消息" transform="translate(1527.000000, 25.000000)">
<g id="编组-2" fill="#F6F7FA" opacity="0.103236607">
<rect id="矩形备份" x="0" y="0" width="26" height="26" rx="13"></rect>
</g>
<g id="编组-12" transform="translate(5.000000, 5.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-2"></g>
<path d="M12.8940698,6.91998844 C12.8940698,4.7096267 11.2903046,2.85915676 9.12938721,2.36963668 L9.12938721,1.88001156 C9.12938721,1.28239788 8.62492049,0.8 7.99996704,0.8 C7.37507951,0.8 6.87061279,1.28239788 6.87061279,1.88001156 L6.87061279,2.36963668 C4.7096075,2.85915676 3.10593017,4.7096267 3.10593017,6.91998844 L3.10593017,10.8800168 L1.6,12.3199832 L1.6,13.0399559 L14.4,13.0399559 L14.4,12.3199832 L12.8940698,10.8800168 L12.8940698,6.91998844 Z M7.99996704,15.2 C8.10542588,15.2 8.20326092,15.1927728 8.30120581,15.1711961 C8.79055677,15.077557 9.19718845,14.7536333 9.38538853,14.3216161 C9.46074765,14.1487924 9.50589722,13.9615982 9.50589722,13.7599496 L6.49412476,13.7599496 C6.49412476,14.5519847 7.17176367,15.2 7.99996704,15.2 Z" id="Fill-1" fill="#FFFFFF" mask="url(#mask-2)"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

13
src/icons/svg/white-out.svg
View File

@@ -1,12 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg t="1665713257436" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2537" width="64" height="64"><path d="M512 0c30.72 0 51.2 20.48 51.2 51.2v307.2c0 30.72-20.48 51.2-51.2 51.2s-51.2-20.48-51.2-51.2V51.2c0-30.72 20.48-51.2 51.2-51.2z" p-id="2538"></path><path d="M512 1024C230.4 1024 0 793.6 0 512c0-158.72 71.68-302.08 194.56-399.36 20.48-15.36 56.32-15.36 71.68 10.24 15.36 20.48 10.24 51.2-10.24 66.56C158.72 271.36 102.4 389.12 102.4 512c0 225.28 184.32 409.6 409.6 409.6s409.6-184.32 409.6-409.6c0-128-56.32-240.64-153.6-322.56-20.48-15.36-25.6-51.2-10.24-71.68 15.36-20.48 51.2-25.6 71.68-10.24 122.88 102.4 194.56 245.76 194.56 404.48 0 281.6-230.4 512-512 512z" p-id="2539"></path></svg>
<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>退出</title>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="13.课程播放页-课程单元" transform="translate(-1807.000000, -22.000000)" stroke="#FFFFFF" stroke-width="2">
<g id="退出" transform="translate(1807.000000, 22.000000)">
<path d="M11.3137085,20.3137085 C15.7319865,20.3137085 19.3137085,16.7319865 19.3137085,12.3137085 C19.3137085,10.3536403 18.6088075,8.55821065 17.4386806,7.16709457 C15.9711717,5.42243316 13.7719183,4.3137085 11.3137085,4.3137085 C8.56063442,4.3137085 6.13236685,5.70437052 4.69305124,7.82154913 C3.8224775,9.10213004 3.3137085,10.6485046 3.3137085,12.3137085" id="椭圆形" transform="translate(11.313708, 12.313708) rotate(-225.000000) translate(-11.313708, -12.313708) "></path>
<line x1="11.3137085" y1="2.95851626" x2="11.3137085" y2="7.41342758" id="路径-13" stroke-linecap="round" stroke-linejoin="round"></line>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 742 B

131
src/views/Index.vue
View File

@@ -18,18 +18,21 @@
</div> </div>
<!-- <img style="width:68px;height:68px" src="/images/Avatarman.png" alt=""> --> <!-- <img style="width:68px;height:68px" src="/images/Avatarman.png" alt=""> -->
<p class="personal-name">{{userInfo.name}} {{userInfo.userNo}} <p class="personal-name">{{userInfo.name}} {{userInfo.userNo}}
<span class="grade">LV.1</span> <span class="grade">{{userData.level}}</span>
</p> </p>
<p class="personal-info">{{userInfo.departName}}</p> <p class="personal-info">{{userInfo.departName}}</p>
<!-- <a href="../study/task.vue"> --> <a href="uc/study/task">
<div class="personal-box"><span>代办</span><span>3个待处理 <img src="/images/homeWu/Pending.png" alt=""> </span> <img class="personal-box-img" <div class="personal-box">
src="/images/homeWu/agency.png" alt="" srcset=""></div> <span>代办</span>
<!-- </a> --> <span>{{studyTaskCount? studyTaskCount:0 }} 个待处理 <img src="/images/homeWu/Pending.png" alt=""> </span>
<img class="personal-box-img" src="/images/homeWu/agency.png" alt="" srcset="">
</div>
</a>
<ul class="personal-ul"> <ul class="personal-ul">
<li> <li>
<span class="label">累计学习</span> <span class="label">累计学习</span>
<p><span>{{userData.studyHourValue}}</span>h</p> <p><span>{{userData.totalStudyHour}}</span>h</p>
</li> </li>
<!-- <li> <!-- <li>
<span class="label">经验值等级</span> <span class="label">经验值等级</span>
@@ -37,7 +40,7 @@
</li> --> </li> -->
<li> <li>
<span class="label">我的U币</span> <span class="label">我的U币</span>
<p><span>{{userData.coinValue}}</span>个</p> <p><span>{{userData.uvalue}}</span>个</p>
</li> </li>
</ul> </ul>
</div> </div>
@@ -47,7 +50,7 @@
<div class="modules xcontent2"> <div class="modules xcontent2">
<div class="xcontent2-main"> <div class="xcontent2-main">
<!--内容块--> <!--内容块-->
<div class="modules-title" > <div class="modules-title xindex-main" >
<span class="modules-text">推荐课程</span> <span class="modules-text">推荐课程</span>
<span class="quyer-tag"> <span class="quyer-tag">
<a :class="courseList.orderType == 2 ? 'current' : ''" @click="orderTypeFilter(2)">最热</a> <a :class="courseList.orderType == 2 ? 'current' : ''" @click="orderTypeFilter(2)">最热</a>
@@ -62,7 +65,7 @@
<router-link to="/course">查看更多</router-link> <router-link to="/course">查看更多</router-link>
</span> </span>
</div> </div>
<div class="modules-list" style="margin-right:0px"> <div class="modules-list">
<!-- 一个固定内容 --> <!-- 一个固定内容 -->
<div class="xindex-course"> <div class="xindex-course">
<a href="course/boeframe?id=517CA622-238E-06BA-0AED-B1200D705800&type=online-course"> <a href="course/boeframe?id=517CA622-238E-06BA-0AED-B1200D705800&type=online-course">
@@ -78,7 +81,7 @@
</div> </div>
<div style="padding-left:15px"> <div style="padding-left:15px">
<div> <div>
<span class="course-score-value">5.0</span> <span class="course-score-value">5.0分</span>
</div> </div>
</div> </div>
</div> </div>
@@ -100,18 +103,19 @@
<span class="study-num" v-if="course.studiesFormat == 0">{{course.studiesFormat}}人学习</span> <span class="study-num" v-if="course.studiesFormat == 0">{{course.studiesFormat}}人学习</span>
<span class="study-num" v-if="course.studiesFormat != 0">{{course.studiesFormat}}+人学习</span> <span class="study-num" v-if="course.studiesFormat != 0">{{course.studiesFormat}}+人学习</span>
</div> </div>
<div style="padding-left:15px"> <div style="display: flex;">
<div style="width:30px;">
<interactBar nodeWidth="20px" :type="1" :data="course" :comments="false" :praises="false" :shares="false" :views="false">
</interactBar>
</div>
<div v-if="course.score"> <div v-if="course.score">
<span class="course-score-value">{{ toScore(course.score) }}</span> <span class="course-score-value">{{ toScore(course.score) }}分</span>
</div> </div>
<div v-else class="course-score-no">未评分</div> <div v-else class="course-score-no">未评分</div>
</div> </div>
</div> </div>
</a> </a>
<div class="cor-praises">
<interactBar :type="1" :data="course" :comments="false" :praises="false" :shares="false" :views="false">
</interactBar>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -152,7 +156,7 @@
</div> </div>
<!-- 推荐案例2版 --> <!-- 推荐案例2版 -->
<div class="modules xcontent2"> <div class="modules xcontent2">
<div class="xcontent2-main"> <div class="xcontent2-main xindex-main" >
<div class="modules-title"><span class="modules-text">推荐案例</span> <div class="modules-title"><span class="modules-text">推荐案例</span>
<span class="quyer-tag"> <span class="quyer-tag">
<a :class="caseList.orderType==2?'current':''" @click="changeCaseOrder(2)">最热</a> <a :class="caseList.orderType==2?'current':''" @click="changeCaseOrder(2)">最热</a>
@@ -216,7 +220,7 @@
</div> </div>
<!-- 推荐文章 --> <!-- 推荐文章 -->
<div class="modules xcontent2"> <div class="modules xcontent2">
<div class="xcontent2-main"> <div class="xcontent2-main xindex-main">
<div class="modules-title" style="margin-top:22px"> <div class="modules-title" style="margin-top:22px">
<span class="modules-text">推荐文章</span> <span class="modules-text">推荐文章</span>
<span class="quyer-tag"> <span class="quyer-tag">
@@ -304,7 +308,7 @@
</div> </div>
<!--内容块--> <!--内容块-->
<div class="xcontent2-minor"> <div class="xcontent2-minor">
<div style="margin-top:60px" class="portal-ranking ranking-bg"> <div style="margin-top:80px" class="portal-ranking ranking-bg">
<!-- 排行榜位置 --> <!-- 排行榜位置 -->
<p class="ranking-title">文章排行榜</p> <p class="ranking-title">文章排行榜</p>
<ul class="xindex-ranking-article"> <ul class="xindex-ranking-article">
@@ -322,7 +326,7 @@
</div> </div>
<!-- 推荐问答 --> <!-- 推荐问答 -->
<div class="modules xcontent2"> <div class="modules xcontent2">
<div class="xcontent2-main"> <div class="xcontent2-main xindex-main">
<!--内容块--> <!--内容块-->
<div class="modules-title" style="margin-top:22px"> <div class="modules-title" style="margin-top:22px">
<span class="modules-text">推荐问答</span> <span class="modules-text">推荐问答</span>
@@ -361,7 +365,7 @@
</div> </div>
<div class="xcontent2-minor"> <div class="xcontent2-minor">
<!-- 排行榜 --> <!-- 排行榜 -->
<div class="portal-ranking ranking-bg" style="margin-top:60px"> <div class="portal-ranking ranking-bg" style="margin-top:80px">
<p class="ranking-title">问答排行榜</p> <p class="ranking-title">问答排行榜</p>
<ul class="xindex-ranking-qa"> <ul class="xindex-ranking-qa">
<li @click="jumpRouter(item)" class="xindex-ranking-li" v-for="(item, index) in answersList" :key="index" style="line-height: 22px;"> <li @click="jumpRouter(item)" class="xindex-ranking-li" v-for="(item, index) in answersList" :key="index" style="line-height: 22px;">
@@ -434,12 +438,15 @@
InterestCollection, InterestCollection,
GuideBox GuideBox
}, },
computed: { created() {
...mapGetters(['userInfo']) this.$store.dispatch('refrashStudyTaskCount');
}, },
data() { data() {
return { return {
userData: {}, userData: {
uvalue:0,
totalStudyHour:0
},
userInfo: {}, userInfo: {},
ankingList: [], ankingList: [],
answersList: [], answersList: [],
@@ -512,17 +519,10 @@
this.getQaAnswers(); this.getQaAnswers();
}, },
computed: { computed: {
...mapGetters(['userInfo','studyTaskCount']),
swiper() { swiper() {
return this.$refs.mySwiper.swiper return this.$refs.mySwiper.swiper
} }
},
created() {
// undefined
// this.$nextTick(() => {
// console.log(this.$refs.bannimg) //获取到正确元素
// })
}, },
methods: { methods: {
jumstudy(){ jumstudy(){
@@ -538,6 +538,7 @@
apiStart.getUserStatTotalInfo(this.userInfo.aid).then(res => { apiStart.getUserStatTotalInfo(this.userInfo.aid).then(res => {
if (res.status == 200) { if (res.status == 200) {
this.userData = res.result; this.userData = res.result;
//console.log(this.userData,'this.userData')
} }
}); });
}, },
@@ -1402,33 +1403,6 @@
position: relative; position: relative;
background-color: #ffffff; background-color: #ffffff;
// ::v-deep .cor-praises {
// position: absolute;
// right: 52px;
// bottom: 24px;
// // -moz-user-select: none; /*火狐*/
// // -webkit-user-select: none; /*webkit浏览器*/
// // -ms-user-select: none; /*IE10*/
// // -khtml-user-select: none; /*早期浏览器*/
// // user-select: none;
// .interact-bar-btn{
// .interact-bar-value{
// display: none;
// }
// }
// }
// .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-image-box { .course-image-box {
position: relative; position: relative;
@@ -1568,41 +1542,6 @@
} }
} }
.course-score-no {
text-align: right;
font-size: 14px;
color: #6B7C85;
line-height: 30px;
-moz-user-select: none;
/*火狐*/
-webkit-user-select: none;
/*webkit浏览器*/
-ms-user-select: none;
/*IE10*/
-khtml-user-select: none;
/*早期浏览器*/
user-select: none;
}
.course-score-value {
font-size: 14px;
// margin-top: 5px;
margin-left: 32px;
line-height: 30px;
color: #FA6400;
font-family: 'Arial';
-moz-user-select: none;
/*火狐*/
-webkit-user-select: none;
/*webkit浏览器*/
-ms-user-select: none;
/*IE10*/
-khtml-user-select: none;
/*早期浏览器*/
user-select: none;
// font-size: 30px;
}
.modules { .modules {
margin-top: 20px; margin-top: 20px;
// width: 100%; // width: 100%;
@@ -1657,7 +1596,7 @@
.more { .more {
float: right; float: right;
margin-top: 7px; margin-top: 7px;
margin-right: 40px; margin-right: 30px;
color: #333333; color: #333333;
font-size: 14px; font-size: 14px;
} }
@@ -1741,7 +1680,7 @@
} }
.article-card { .article-card {
width: 100%; //width: 100%;
background: #fff; background: #fff;
// padding: 30px; // padding: 30px;
border-radius: 8px; border-radius: 8px;