项目管理 问卷库 搜索框样式

This commit is contained in:
Zhx
2022-11-16 14:40:24 +08:00
parent ccf8702ce2
commit 6c7f080f61
2 changed files with 7 additions and 9 deletions

View File

@@ -30,17 +30,17 @@
</a-dropdown>
<div class="search-right">
<div class="input-wrap">
<a-input
<a-input style="border-radius: 4px;width:220px;height:32px"
v-model:value="title"
:allow-clear="true"
@change="() => { !title && onSearch(); }"
placeholder="请输入问卷标题"
>
<template #prefix>
<i class="icon iconfont">&#xe6df;</i>
<i class="icon iconfont" style="color:#BFBFBF;margin-top:1px;font-size:16px">&#xe6df;</i>
</template>
<template #suffix>
<span @click="onSearch" style="padding-left: 5px; border-left: solid 1px #dfdfdf; cursor: pointer;">搜索</span>
<span @click="onSearch" style="color:#434343;padding-left: 14px; border-left: solid 1px #dfdfdf; cursor: pointer;">搜索</span>
</template>
</a-input>
</div>
@@ -134,7 +134,6 @@ export default defineComponent({
font-size: 16px;
color: #8c8c8c;
transition: all 0.3s linear;
margin-left: 16px;
cursor: pointer;
&:hover {
transition: all 0.3s linear;

View File

@@ -18,17 +18,17 @@
</template>
</a-input-search> -->
<div class="input-wrap">
<a-input
<a-input style="border-radius: 4px;width:220px;height:32px"
v-model:value="title"
:allow-clear="true"
placeholder="请输入"
@search="onSearch"
>
<template #prefix>
<i class="icon iconfont">&#xe6df;</i>
<i class="icon iconfont" style="color:#BFBFBF;margin-top:1px;font-size:16px">&#xe6df;</i>
</template>
<template #suffix>
<span @click="onSearch" style="padding-left: 5px; border-left: solid 1px #dfdfdf; cursor: pointer;">搜索</span>
<span @click="onSearch" style="color:#434343;padding-left: 14px; border-left: solid 1px #dfdfdf; cursor: pointer;">搜索</span>
</template>
</a-input>
</div>
@@ -118,7 +118,7 @@ export default defineComponent({
.search-right {
display: flex;
.input-wrap {
margin: 0 16px;
margin: 0 8px;
}
.choose-btn {
width: 32px;
@@ -130,7 +130,6 @@ export default defineComponent({
font-size: 16px;
color: #8c8c8c;
transition: all 0.3s linear;
margin-left: 16px;
cursor: pointer;
&:hover {
transition: all 0.3s linear;