优化搜索栏前端

This commit is contained in:
kuaifan 2022-01-21 21:56:27 +08:00
parent da39739fb5
commit 230ff75c0b
6 changed files with 78 additions and 8 deletions

View File

@ -4,7 +4,6 @@
{{$L('归档的项目')}} {{$L('归档的项目')}}
<div class="title-icon"> <div class="title-icon">
<Loading v-if="loadIng > 0"/> <Loading v-if="loadIng > 0"/>
<Icon v-else type="ios-refresh" @click="refresh"/>
</div> </div>
</div> </div>
<div class="search-container lr"> <div class="search-container lr">
@ -18,7 +17,16 @@
</div> </div>
</li> </li>
<li class="search-button"> <li class="search-button">
<Button :loading="loadIng > 0" type="primary" icon="ios-search" @click="getLists">{{$L('搜索')}}</Button> <Tooltip
theme="light"
placement="right"
transfer-class-name="search-button-clear"
transfer>
<Button :loading="loadIng > 0" type="primary" icon="ios-search" @click="getLists">{{$L('搜索')}}</Button>
<div slot="content">
<Button :loading="loadIng > 0" type="text" @click="refresh">{{$L('刷新')}}</Button>
</div>
</Tooltip>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -1,6 +1,11 @@
<template> <template>
<div class="project-management"> <div class="project-management">
<div class="management-title">{{$L('所有项目')}}</div> <div class="management-title">
{{$L('所有项目')}}
<div class="title-icon">
<Loading v-if="loadIng > 0"/>
</div>
</div>
<div class="search-container lr"> <div class="search-container lr">
<ul> <ul>
<li> <li>
@ -24,7 +29,16 @@
</div> </div>
</li> </li>
<li class="search-button"> <li class="search-button">
<Button :loading="loadIng > 0" type="primary" icon="ios-search" @click="getLists">{{$L('搜索')}}</Button> <Tooltip
theme="light"
placement="right"
transfer-class-name="search-button-clear"
transfer>
<Button :loading="loadIng > 0" type="primary" icon="ios-search" @click="getLists">{{$L('搜索')}}</Button>
<div slot="content">
<Button :loading="loadIng > 0" type="text" @click="getLists">{{$L('刷新')}}</Button>
</div>
</Tooltip>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -4,7 +4,6 @@
{{$L('归档的任务')}} {{$L('归档的任务')}}
<div class="title-icon"> <div class="title-icon">
<Loading v-if="loadIng > 0"/> <Loading v-if="loadIng > 0"/>
<Icon v-else type="ios-refresh" @click="refresh"/>
</div> </div>
</div> </div>
<div class="search-container lr"> <div class="search-container lr">
@ -18,7 +17,16 @@
</div> </div>
</li> </li>
<li class="search-button"> <li class="search-button">
<Button :loading="loadIng > 0" type="primary" icon="ios-search" @click="getLists">{{$L('搜索')}}</Button> <Tooltip
theme="light"
placement="right"
transfer-class-name="search-button-clear"
transfer>
<Button :loading="loadIng > 0" type="primary" icon="ios-search" @click="getLists">{{$L('搜索')}}</Button>
<div slot="content">
<Button :loading="loadIng > 0" type="text" @click="getLists">{{$L('刷新')}}</Button>
</div>
</Tooltip>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -1,6 +1,11 @@
<template> <template>
<div class="team-management"> <div class="team-management">
<div class="management-title">{{$L('团队管理')}}</div> <div class="management-title">
{{$L('团队管理')}}
<div class="title-icon">
<Loading v-if="loadIng > 0"/>
</div>
</div>
<div class="search-container lr"> <div class="search-container lr">
<ul> <ul>
<li> <li>
@ -40,7 +45,16 @@
</div> </div>
</li> </li>
<li class="search-button"> <li class="search-button">
<Button :loading="loadIng > 0" type="primary" icon="ios-search" @click="getLists">{{$L('搜索')}}</Button> <Tooltip
theme="light"
placement="bottom"
transfer-class-name="search-button-clear"
transfer>
<Button :loading="loadIng > 0" type="primary" icon="ios-search" @click="getLists">{{$L('搜索')}}</Button>
<div slot="content">
<Button :loading="loadIng > 0" type="text" @click="getLists">{{$L('刷新')}}</Button>
</div>
</Tooltip>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -12,6 +12,19 @@
font-weight: 500; font-weight: 500;
line-height: 1; line-height: 1;
margin-bottom: 24px; margin-bottom: 24px;
display: flex;
align-items: center;
.title-icon {
display: flex;
align-items: center;
width: 14px;
height: 14px;
margin-left: 4px;
margin-top: 2px;
> i {
cursor: pointer;
}
}
} }
.project-name { .project-name {
display: flex; display: flex;

View File

@ -12,6 +12,19 @@
font-weight: 500; font-weight: 500;
line-height: 1; line-height: 1;
margin-bottom: 24px; margin-bottom: 24px;
display: flex;
align-items: center;
.title-icon {
display: flex;
align-items: center;
width: 14px;
height: 14px;
margin-left: 4px;
margin-top: 2px;
> i {
cursor: pointer;
}
}
} }
.team-email { .team-email {
display: flex; display: flex;