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

style： 全局搜索 loading 微调

Browse Source
This commit is contained in:
zhangyu
2023-03-02 14:44:19 +08:00
parent be87c9aed5
commit 801b42a971
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nezha-fronted/src/assets/css/common/loading.scss
View File

@@ -267,7 +267,7 @@ loading-hide{
left: 50%;
height: 50px;
width: 50px;
margin: -25px 0 0 -25px;
margin: -29px 0 0 -29px;
border: 4px rgba(0, 0, 0, 0.25) solid;
border-top: 4px black solid;
border-right: 4px black solid;

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

@@ -2,7 +2,8 @@
<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-input" :class="firstShow? '' : 'search-after'">
<i class="nz-icon nz-icon-search" v-my-loading:circleMin.icon="loading"></i>
<i class="nz-icon nz-icon-search" v-show="!loading"></i>
<i style="display: inline-block;width: 68px" v-show="loading" v-my-loading:circleMin.icon="loading"> </i>
<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">
{{$t('overall.cancel')}}