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

首页课程卡片调整

Browse Source
This commit is contained in:
daihh
2022-10-05 14:39:04 +08:00
parent c43678d326
commit 976ac8fbe4
2 changed files with 54 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -24,7 +24,7 @@
.cor-praises { .cor-praises {
position: absolute; position: absolute;
right: 50px; right: 50px;
bottom: 16px; bottom: 20px;
.interact-bar-btn{ .interact-bar-btn{
.interact-bar-value{ .interact-bar-value{
display: none; display: none;
@@ -94,18 +94,18 @@
} }
} }
.cor-icon { // .cor-icon {
position: absolute; // position: absolute;
left: 100px; // left: 100px;
top: 54px; // top: 54px;
border-radius: 50%; // border-radius: 50%;
background: rgba(88, 138, 252, 0.37); // background: rgba(88, 138, 252, 0.37);
.el-icon-caret-right { // .el-icon-caret-right {
font-size: 36px; // font-size: 36px;
color: #588afc; // color: #588afc;
} // }
} // }
.course-title { .course-title {
margin: 16px 0 16px 0; margin: 16px 0 16px 0;
height: 44px; height: 44px;
@@ -465,6 +465,10 @@
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: 200px; width: 200px;
height: 114px; height: 114px;
@@ -678,6 +682,10 @@
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;
@@ -895,6 +903,10 @@
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;
@@ -1119,6 +1131,10 @@
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;

52
src/views/Index.vue
View File

@@ -1226,33 +1226,33 @@ export default {
position: relative; position: relative;
background-color: #ffffff; background-color: #ffffff;
::v-deep .cor-praises { // ::v-deep .cor-praises {
position: absolute; // position: absolute;
right: 52px; // right: 52px;
bottom: 24px; // bottom: 24px;
// -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*/
// -khtml-user-select: none; /*早期浏览器*/ // // -khtml-user-select: none; /*早期浏览器*/
// user-select: none; // // user-select: none;
.interact-bar-btn{ // .interact-bar-btn{
.interact-bar-value{ // .interact-bar-value{
display: none; // display: none;
} // }
} // }
} // }
.cor-icon { // .cor-icon {
position: absolute; // position: absolute;
left: 100px; // left: 100px;
top: 54px; // top: 54px;
border-radius: 50%; // border-radius: 50%;
background: rgba(88, 138, 252, 0.37); // background: rgba(88, 138, 252, 0.37);
.el-icon-caret-right { // .el-icon-caret-right {
font-size: 36px; // font-size: 36px;
color: #588afc; // color: #588afc;
} // }
} // }
.course-image-box { .course-image-box {
position: relative; position: relative;
// width: 350px; // width: 350px;