修改首页的样式

This commit is contained in:
daihh
2022-10-15 19:44:05 +08:00
parent 67f1459a15
commit bef616bbc2
2 changed files with 9 additions and 24 deletions

View File

@@ -460,7 +460,7 @@
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
.course-image-box{ .xindex-course-image{
width: 220px; width: 220px;
height: 123px; height: 123px;
::v-deep .course-image{ ::v-deep .course-image{
@@ -472,7 +472,7 @@
margin-top:15px; margin-top:15px;
} }
.xindex-ranking-course{ .xindex-ranking-course{
height: 460px; height: 465px;
} }
.xindex-ranking-case{ .xindex-ranking-case{
@@ -690,9 +690,9 @@
padding: 25px; padding: 25px;
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
.course-image-box{ .xindex-course-image{
width: 280px; width: 280px;
height: 100px; height: 156px;
::v-deep .course-image{ ::v-deep .course-image{
height: 100% !important; height: 100% !important;
} }
@@ -703,7 +703,7 @@
margin-top:20px; margin-top:20px;
} }
.xindex-ranking-course{ .xindex-ranking-course{
height: 532px; height: 530px;
} }
.xindex-ranking-case{ .xindex-ranking-case{
@@ -915,9 +915,9 @@
margin-bottom: 30px; margin-bottom: 30px;
border-radius: 8px; border-radius: 8px;
.course-image-box{ .xindex-course-image{
width: 340px; width: 340px;
height: 191x; height: 191px;
::v-deep .course-image{ ::v-deep .course-image{
height: 100% !important; height: 100% !important;
} }
@@ -927,7 +927,7 @@
margin-top:30px; margin-top:30px;
} }
.xindex-ranking-course{ .xindex-ranking-course{
height: 646px; height: 616px;
} }
.xindex-ranking-case{ .xindex-ranking-case{
@@ -1135,7 +1135,7 @@
margin-right: 36px; margin-right: 36px;
margin-bottom: 36px; margin-bottom: 36px;
border-radius: 8px; border-radius: 8px;
.course-image-box{ .xindex-course-image{
width: 350px; width: 350px;
height: 196x; height: 196x;
::v-deep .course-image{ ::v-deep .course-image{

View File

@@ -958,17 +958,6 @@
} }
} }
// ::v-deep .course-image-box :hover .el-image{
// // transition: all 0.5s;
// z-index: 999;
// position: absolute;
// top: -50px;
// left: -35px;
// width: 420px !important;
// height: 236px !important;
// }
.course-ran-bg { .course-ran-bg {
background: linear-gradient(180deg, #d7eaff 1%, #FAFAFA 24%); background: linear-gradient(180deg, #d7eaff 1%, #FAFAFA 24%);
} }
@@ -1406,10 +1395,6 @@
.course-image-box { .course-image-box {
position: relative; position: relative;
// width: 350px;
// height: 200px;
// width: 100%;
.course-type { .course-type {
position: absolute; position: absolute;
top: 0px; top: 0px;