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

调整比例

Browse Source
This commit is contained in:
daihh
2022-10-08 11:54:05 +08:00
parent 5c5e9fa564
commit 443b3dee09
4 changed files with 1674 additions and 1432 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,6 +3,7 @@
//首页版心内容区域 //首页版心内容区域
.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{ .xindex-row{
@@ -461,7 +462,7 @@
} }
//课程卡片样式 //课程卡片样式
.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,16 +471,14 @@
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{
width: 300px;
}
.boe-index{ .boe-index{
width: 235px; width: 235px;
padding: 20px; padding: 20px;
@@ -678,7 +677,7 @@
width: 1366px; width: 1366px;
} }
.xindex-course{ .xindex-course{
width: 330px; width: 320px;
padding: 25px; padding: 25px;
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
@@ -895,21 +894,21 @@
@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;
} }
.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;
} }

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

@@ -252,10 +252,9 @@ 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: 234px; width: 260px;
} }
.portal-ranking{ .portal-ranking{
padding: 30px 15px; padding: 30px 15px;
@@ -273,10 +272,9 @@ 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: 300px; width: 320px;
} }
.portal-ranking{ .portal-ranking{
padding: 30px 20px; padding: 30px 20px;
@@ -293,8 +291,7 @@ 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: 1640px; width: 1690px;
padding: 30px 26px;
} }
.xcontent2-minor{ .xcontent2-minor{
width: 400px; width: 400px;
@@ -315,8 +312,7 @@ body {margin: 0px;padding: 0px;}
@media screen and (min-width: 1921px){ @media screen and (min-width: 1921px){
.xcontent2{ .xcontent2{
width: 1880px; width: 1900px;
padding: 30px 26px;
} }
.xcontent2-minor{ .xcontent2-minor{
width: 400px; width: 400px;

427
src/views/Index.vue
View File

File diff suppressed because it is too large Load Diff

2
src/views/portal/case/Detail.vue
View File

@@ -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">