hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-09 19:06:43 +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 {
position: absolute;
right: 50px;
bottom: 16px;
bottom: 20px;
.interact-bar-btn{
.interact-bar-value{
display: none;
@@ -94,18 +94,18 @@
}
}
.cor-icon {
position: absolute;
left: 100px;
top: 54px;
border-radius: 50%;
background: rgba(88, 138, 252, 0.37);
// .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;
}
}
// .el-icon-caret-right {
// font-size: 36px;
// color: #588afc;
// }
// }
.course-title {
margin: 16px 0 16px 0;
height: 44px;
@@ -465,6 +465,10 @@
padding: 20px;
margin-right: 20px;
margin-bottom: 20px;
.cor-praises {
right: 40px;
bottom: 16px;
}
.course-image-box{
width: 200px;
height: 114px;
@@ -678,6 +682,10 @@
padding: 25px;
margin-right: 20px;
margin-bottom: 20px;
.cor-praises {
right: 50px;
bottom: 20px;
}
.course-image-box{
width: 280px;
height: 100px;
@@ -895,6 +903,10 @@
margin-right: 36px;
margin-bottom: 36px;
border-radius: 8px;
.cor-praises {
right: 50px;
bottom: 26px;
}
.course-image-box{
width: 350px;
height: 196x;
@@ -1119,6 +1131,10 @@
margin-right: 36px;
margin-bottom: 36px;
border-radius: 8px;
.cor-praises {
right: 50px;
bottom: 26px;
}
.course-image-box{
width: 350px;
height: 196x;

52
src/views/Index.vue
View File

@@ -1226,33 +1226,33 @@ export default {
position: relative;
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);
// ::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;
}
}
// .el-icon-caret-right {
// font-size: 36px;
// color: #588afc;
// }
// }
.course-image-box {
position: relative;
// width: 350px;