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

This commit is contained in:
DESKTOP-AFPHKHF\PC
2022-12-14 11:46:14 +08:00
committed by liu.xiaofeng@ebiz-digits.com
parent ac751f46a2
commit 7d5f389fc6
2 changed files with 9 additions and 5 deletions

View File

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

View File

@@ -2,7 +2,7 @@
<div class="public_container">
<!-- 最上方的搜索框 -->
<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>
</div>
<!-- 标签选择 -->
@@ -124,10 +124,6 @@ export default {
[Button.name]: Button,
[Search.name]: Search
},
setup() {
const value = ref('')
return { value }
},
data() {
return {
findValue: '', // 上面搜索框的value
@@ -231,6 +227,10 @@ export default {
font-weight: 800;
font-size: 15px;
}
/deep/ .van-icon-clear {
margin-right:46px;
// background-color:blue ;
}
.searchButton {
position: absolute;
top: 2.67vw;