gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：全局搜索 样式调整

Browse Source
This commit is contained in:
zhangyu
2022-06-09 10:00:04 +08:00
parent 6c4b4ba490
commit e7773ec16d
3 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
nezha-fronted/src/assets/css/components/common/globalSearch/globalSearch.scss
View File

@@ -95,6 +95,7 @@
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden;
} }
.list-item{ .list-item{
height: 64px; height: 64px;

2
nezha-fronted/src/assets/css/components/common/globalSearch/searchItemInfo.scss
View File

@@ -59,7 +59,7 @@
} }
.search-item-value-box{ .search-item-value-box{
line-height: 47px; line-height: 47px;
height: 100%; height: 13px;
width: calc(100% - 120px); width: calc(100% - 120px);
display: flex; display: flex;
align-items: center; align-items: center;

4
nezha-fronted/src/components/common/globalSearch/globalSearch.vue
View File

@@ -2,7 +2,7 @@
<div class="global-search-bac" v-if="globalShow" @click.self="close"> <div class="global-search-bac" v-if="globalShow" @click.self="close">
<div class="global-search-box" :class="firstShow? '' : 'search-after'" @click.self="close"> <div class="global-search-box" :class="firstShow? '' : 'search-after'" @click.self="close">
<div class="global-search-input" :class="firstShow? '' : 'search-after'"> <div class="global-search-input" :class="firstShow? '' : 'search-after'">
<i class="nz-icon nz-icon-search" v-my-loading:circle3.scaleMin.icon="jumpLoading"></i> <i class="nz-icon nz-icon-search" v-my-loading:circle3.scaleMin.icon="loading"></i>
<el-input v-model="searchStr" @input="searchAll" ref="searchStr" :placeholder="$t('globalSearch.placeholder')" @keydown.native="inputKeydown" clearable></el-input> <el-input v-model="searchStr" @input="searchAll" ref="searchStr" :placeholder="$t('globalSearch.placeholder')" @keydown.native="inputKeydown" clearable></el-input>
<div @click="close" class="global-search-cancel"> <div @click="close" class="global-search-cancel">
{{$t('overall.cancel')}} {{$t('overall.cancel')}}
@@ -52,7 +52,7 @@
<div class="list-item-sub" v-if="item.sub"> <div class="list-item-sub" v-if="item.sub">
{{ item.sub }} {{ item.sub }}
</div> </div>
<div class="is-jump" v-my-loading:circle3.scaleMin.icon="true"> <div class="is-jump" v-my-loading:circle3.scaleMin.icon="jumpLoading">
<i class="nz-icon nz-icon-huiche"></i> <i class="nz-icon nz-icon-huiche"></i>
</div> </div>
</li> </li>