Prechádzať zdrojové kódy

feat:首页增加搜索按钮

yangyi 4 mesiacov pred
rodič
commit
f0f6ca6734
1 zmenil súbory, kde vykonal 14 pridanie a 1 odobranie
  1. 14 1
      src/view/Home.vue

+ 14 - 1
src/view/Home.vue

@@ -8,7 +8,11 @@
         size="large"
         clearable
         @keyup.enter="onSearch"
-      />
+      >
+        <template #append>
+          <el-button type="primary" @click="onSearch">搜索</el-button>
+        </template>
+      </el-input>
     </div>
 
     <el-tabs v-model="activeCategory" class="category-tabs" @tab-change="onCategoryChange">
@@ -139,6 +143,15 @@ onMounted(async () => {
   margin: 0 auto;
   padding: 20px;
 }
+.home :deep(.el-input-group__append .el-button.el-button--primary) {
+  color: var(--el-color-white);
+  background-color: var(--el-color-primary);
+  border-color: var(--el-color-primary);
+}
+.home :deep(.el-input-group__append .el-button.el-button--primary:hover) {
+  background-color: var(--el-color-primary-light-3);
+  border-color: var(--el-color-primary-light-3);
+}
 .search-bar {
   margin-bottom: 20px;
 }