mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-13 04:46:44 +08:00
ai视频一期功能提交-样式修改
This commit is contained in:
@@ -303,21 +303,20 @@ export default {
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-input__inner) {
|
::v-deep .el-input__inner {
|
||||||
border-radius: 20px;
|
|
||||||
border-color: #2688FF;
|
border-color: #2688FF;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-input__inner:focus) {
|
::v-deep .el-input__inner:focus {
|
||||||
border-color: #1a6fe0;
|
border-color: #1a6fe0;
|
||||||
box-shadow: 0 0 0 2px rgba(38, 136, 255, 0.2);
|
box-shadow: 0 0 0 2px rgba(38, 136, 255, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-input__prefix) {
|
::v-deep .el-input__prefix {
|
||||||
left: 15px;
|
left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-input__icon) {
|
::v-deep .el-input__icon {
|
||||||
color: #2688FF;
|
color: #2688FF;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -336,9 +335,6 @@ export default {
|
|||||||
width: 90px;
|
width: 90px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-select__inner) {
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-container {
|
.content-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -374,10 +370,6 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-icon-time) {
|
|
||||||
color: #2688FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-text {
|
.content-text {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
@@ -408,7 +400,9 @@ export default {
|
|||||||
:deep(.el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover) {
|
:deep(.el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover) {
|
||||||
box-shadow: 0 2px 12px 0 rgba(38, 136, 255, 0.2);
|
box-shadow: 0 2px 12px 0 rgba(38, 136, 255, 0.2);
|
||||||
}
|
}
|
||||||
|
:deep(.el-input__inner) {
|
||||||
|
border-radius: 4px!important;
|
||||||
|
}
|
||||||
/* 响应式设计 */
|
/* 响应式设计 */
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.search-container {
|
.search-container {
|
||||||
@@ -441,4 +435,5 @@ export default {
|
|||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user