From a5abb70a428f59894fc9ee4330f0033d6fe93a8b Mon Sep 17 00:00:00 2001 From: 杨磊 <505174330@qq.com> Date: 星期四, 24 四月 2025 18:38:13 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/wyyDatabase --- src/views/home/components/searchBox.vue | 29 ++++++++++++++++++++--------- 1 files changed, 20 insertions(+), 9 deletions(-) diff --git a/src/views/home/components/searchBox.vue b/src/views/home/components/searchBox.vue index b549c26..b27a855 100644 --- a/src/views/home/components/searchBox.vue +++ b/src/views/home/components/searchBox.vue @@ -15,7 +15,7 @@ </el-select> <div class="inputBox"> <input type="text" v-model="searchText" class="search-input" /> - <div class="searchBtn">鎼滅储</div> + <div class="searchBtn" @click="handleSearch()">鎼滅储</div> </div> </div> </template> @@ -23,17 +23,25 @@ <script> export default { name: "SearchBox", + props: { + // 鎺ユ敹澶栭儴浼犲叆鐨勯�夐」 + options: { + type: Array, + default: () => [ + { value: "all", label: "鍏ㄩ儴" }, + { value: "name", label: "鏍囬" }, + { value: "author", label: "浣滆��" }, + { value: "year", label: "骞翠唤" }, + { value: "keyWords", label: "鍏抽敭璇�" }, + { value: "abstract", label: "鎽樿" }, + { value: "source", label: "鏉ユ簮" }, + ], + }, + }, data() { return { searchText: "", // 杈撳叆妗嗗唴瀹� selectedType: "", // 涓嬫媺妗嗛�変腑鍊� - options: [ - // 涓嬫媺閫夐」 - { value: "all", label: "鍏ㄩ儴" }, - { value: "name", label: "鍚嶇О" }, - { value: "id", label: "ID" }, - { value: "code", label: "缂栫爜" }, - ], }; }, methods: { @@ -54,10 +62,13 @@ max-width: 800px; display: flex; align-items: center; + background-color: #fff; } /* 杈撳叆妗嗘牱寮� */ .search-input { + background-color:transparent; + } .inputBox { @@ -96,7 +107,7 @@ border-top-right-radius: 0; border-bottom-right-radius: 0; border: 1px solid #B9A587; - + background-color: transparent; border-right: none; } -- Gitblit v1.9.1