|
@@ -13,7 +13,7 @@
|
|
|
:fetch-suggestions="querySearch"
|
|
:fetch-suggestions="querySearch"
|
|
|
placeholder="搜索课程"
|
|
placeholder="搜索课程"
|
|
|
@select="handleSearchSelect"
|
|
@select="handleSearchSelect"
|
|
|
- class="search-input"
|
|
|
|
|
|
|
+ class="search-input autocomplete-round"
|
|
|
value-key="ctType"
|
|
value-key="ctType"
|
|
|
:trigger-on-focus="false"
|
|
:trigger-on-focus="false"
|
|
|
:key="searchKey"
|
|
:key="searchKey"
|
|
@@ -218,7 +218,7 @@ onMounted(() => {
|
|
|
.page-header {
|
|
.page-header {
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
margin-bottom: rpx(30);
|
|
margin-bottom: rpx(30);
|
|
|
- padding-bottom: rpx(20);
|
|
|
|
|
|
|
+ padding: rpx(20);
|
|
|
border-bottom: 1px solid #dcdcff;
|
|
border-bottom: 1px solid #dcdcff;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -238,6 +238,22 @@ onMounted(() => {
|
|
|
max-width: rpx(600);
|
|
max-width: rpx(600);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+:deep(.autocomplete-round .el-input__wrapper) {
|
|
|
|
|
+ border-radius: rpx(30) !important;
|
|
|
|
|
+ padding-left: rpx(15);
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ border: none !important;
|
|
|
|
|
+ box-shadow: none !important;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+:deep(.autocomplete-round .el-input__inner) {
|
|
|
|
|
+ border-radius: rpx(30) !important;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+:deep(.autocomplete-round) {
|
|
|
|
|
+ border-radius: rpx(30) !important;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.course-list {
|
|
.course-list {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|