[银保app]续期和保全页面 上方搜索框添加x号一键清除功能.

This commit is contained in:
DESKTOP-AFPHKHF\PC
2022-12-14 11:46:14 +08:00
parent 636a3fa817
commit 93ee833aaa
2 changed files with 9 additions and 5 deletions

View File

@@ -258,6 +258,10 @@ export default {
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
} }
/deep/ .van-icon-clear {
margin-right:46px;
// background-color:blue ;
}
.beMonthLeft { .beMonthLeft {
font-size: 14px; font-size: 14px;
color: #323232; color: #323232;

View File

@@ -2,7 +2,7 @@
<div class="public_container"> <div class="public_container">
<!-- 最上方的搜索框 --> <!-- 最上方的搜索框 -->
<div style="position:relative;"> <div style="position:relative;">
<van-search shape="round" v-model="findValue" placeholder="请输入保单号/客户身份证号" /> <van-search shape="round" v-model="findValue" placeholder="请输入保单号/客户身份证号"/>
<button class="searchButton" @click="keywordSearch(findValue)">搜索</button> <button class="searchButton" @click="keywordSearch(findValue)">搜索</button>
</div> </div>
<!-- 标签选择 --> <!-- 标签选择 -->
@@ -124,10 +124,6 @@ export default {
[Button.name]: Button, [Button.name]: Button,
[Search.name]: Search [Search.name]: Search
}, },
setup() {
const value = ref('')
return { value }
},
data() { data() {
return { return {
findValue: '', // 上面搜索框的value findValue: '', // 上面搜索框的value
@@ -231,6 +227,10 @@ export default {
font-weight: 800; font-weight: 800;
font-size: 15px; font-size: 15px;
} }
/deep/ .van-icon-clear {
margin-right:46px;
// background-color:blue ;
}
.searchButton { .searchButton {
position: absolute; position: absolute;
top: 2.67vw; top: 2.67vw;