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

修改

Browse Source
This commit is contained in:
lmj
2022-10-08 14:46:16 +08:00
parent 007de8591a
commit 168dd7fc22
2 changed files with 36 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -41,6 +41,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 +79,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;
@@ -252,9 +276,10 @@ body {margin: 0px;padding: 0px;}
@media screen and (max-width: 1366px){ @media screen and (max-width: 1366px){
.xcontent2{ .xcontent2{
width: 1100px; width: 1100px;
padding: 20px 5px;
} }
.xcontent2-minor{ .xcontent2-minor{
width: 260px; width: 234px;
} }
.portal-ranking{ .portal-ranking{
padding: 30px 15px; padding: 30px 15px;
@@ -272,9 +297,10 @@ body {margin: 0px;padding: 0px;}
@media screen and (max-width: 1680px) and (min-width:1367px){ @media screen and (max-width: 1680px) and (min-width:1367px){
.xcontent2{ .xcontent2{
width: 1366px; width: 1366px;
padding: 30px 20px;
} }
.xcontent2-minor{ .xcontent2-minor{
width: 320px; width: 300px;
} }
.portal-ranking{ .portal-ranking{
padding: 30px 20px; padding: 30px 20px;
@@ -291,7 +317,8 @@ 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){
.xcontent2{ .xcontent2{
width: 1690px; width: 1640px;
padding: 30px 26px;
} }
.xcontent2-minor{ .xcontent2-minor{
width: 400px; width: 400px;
@@ -312,7 +339,8 @@ body {margin: 0px;padding: 0px;}
@media screen and (min-width: 1921px){ @media screen and (min-width: 1921px){
.xcontent2{ .xcontent2{
width: 1900px; width: 1880px;
padding: 30px 26px;
} }
.xcontent2-minor{ .xcontent2-minor{
width: 400px; width: 400px;

6
src/views/portal/course/Index.vue
View File

@@ -121,7 +121,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;">
@@ -166,7 +166,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;">
@@ -211,7 +211,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;">