aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 历史页面样式修改

Browse Source
This commit is contained in:
zhangyh
2025-09-26 13:08:18 +08:00
parent 6e2da909b0
commit ac6f8ea341
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/component/common/TableSearchBar.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="table_search_bar flex flex-justify-between flex-align-center">
<div class="search_preset flex flex-1">
<div class="table_search_bar flex flex-align-center flex-justify-between">
<div class="search_preset flex ">
<div
class="preset_item gallery_btn white"
v-for="item in buttonList"
@@ -11,15 +11,15 @@
{{ item.label }}
</div>
</div>
<div class="search_input flex flex-align-center">
<div class="search_input flex flex-align-center" :style="{ width: inputWidth }">
<input
class="search_input_inner flex-1"
class="search_input_inner"
v-model="searchParams.searchText"
:bordered="false"
@keydown.enter="handleSearch"
:placeholder="placeholder"
/>
<SearchOutlined @click="handleSearch" />
<SearchOutlined class="search_input_icon" @click="handleSearch" />
</div>
</div>
</template>
@@ -36,6 +36,7 @@ interface ButtonItem {
interface Props {
buttonList: ButtonItem[]
placeholder?: string
inputWidth?: string
}
interface SearchParams {
@@ -91,11 +92,13 @@ const handleSearch = () => {
line-height: 4rem;
min-width: 10rem;
font-weight: normal;
border-width: 0.1rem;
}
}
.search_input {
height: 4rem;
width: 23rem; // 默认宽度
background-color: #fff;
border: 0.1rem solid #000;
border-radius: 43rem;
@@ -106,6 +109,10 @@ const handleSearch = () => {
height: 100%;
padding-left: 3rem;
border-radius: 4rem;
width: calc(100% - 2rem);
}
.search_input_icon {
font-size: 2rem;
}
}
}