Parcourir la source

style(config): 更新默认主题颜色并调整搜索表单样式

- 将默认主题颜色从 #409eff 更改为 #6c8ff8- 移除搜索按钮的图标属性
- 修改展开/收起按钮文字
- 添加 search-isOpen 样式类并设置左边距为 18px
congxuesong il y a 1 mois
Parent
commit
d44ad3b055
2 fichiers modifiés avec 9 ajouts et 4 suppressions
  1. 8 3
      src/components/SearchForm/index.vue
  2. 1 1
      src/config/index.ts

+ 8 - 3
src/components/SearchForm/index.vue

@@ -18,10 +18,10 @@
         </GridItem>
         <GridItem suffix>
           <div class="operation">
-            <el-button type="primary" :icon="Search" @click="search"> 搜索 </el-button>
-            <el-button :icon="Delete" @click="reset"> 重置 </el-button>
+            <el-button type="primary" @click="search"> 搜索 </el-button>
+            <el-button @click="reset"> 重置 </el-button>
             <el-button v-if="showCollapse" type="primary" link class="search-isOpen" @click="collapsed = !collapsed">
-              {{ collapsed ? "展开" : "合并" }}
+              {{ collapsed ? "展开" : "收起" }}
               <el-icon class="el-icon--right">
                 <component :is="collapsed ? ArrowDown : ArrowUp" />
               </el-icon>
@@ -92,3 +92,8 @@ const showCollapse = computed(() => {
   return show;
 });
 </script>
+<style lang="scss" scoped>
+.search-isOpen {
+  margin-left: 18px;
+}
+</style>

+ 1 - 1
src/config/index.ts

@@ -7,7 +7,7 @@ export const HOME_URL: string = "/home/index";
 export const LOGIN_URL: string = "/login";
 
 // 默认主题颜色
-export const DEFAULT_PRIMARY: string = "#409eff";
+export const DEFAULT_PRIMARY: string = "#6c8ff8";
 
 // 路由白名单地址(本地存在的路由 staticRouter.ts 中)
 export const ROUTER_WHITE_LIST: string[] = [