This commit is contained in:
aihe 2023-12-07 11:22:48 +08:00
parent a678a325ce
commit e309f70266
3 changed files with 14 additions and 20 deletions

View File

@ -1,23 +1,19 @@
<template>
<view class="sch-cont">
<view>
<u-input shape="circle" :placeholder="placeholder" v-model="keyword" :custom-style="`background-color: ${bgColor};height: ${height}rpx;`"
<u-input shape="circle" :placeholder="placeholder" v-model="keyword" :custom-style="`background-color: ${bgColor};height: ${height}rpx;${true?'padding-right:120rpx;': ''}`"
@focus="handleSwitchFouce()" @blur="handleSwitchFouce()" @confirm="triggerChange()" @change="handleChange()">
<!-- <template v-slot:prefix>
<u-icon name="search" size="32"></u-icon>
</template> -->
<template v-slot:suffix>
<u-row>
<view v-if="focused && keyword.length > 0" style="0 20rpx 0 0">
<u-icon @click="handleClear()" color="#999" name="close-circle-fill" size="36"></u-icon>
</view>
<view>
<u-icon @click="triggerChange()" name="search" size="40" margin="0 0 0 20rpx"></u-icon>
</view>
</u-row>
<!-- <u-button type="primary" shape="circle" custom-style="margin:0;height: 50rpx;">搜索</u-button> -->
</template>
</u-input>
<u-row justify="end" custom-style="position: absolute;width: 120rpx;top: 0;bottom: 0;right: 20rpx;">
<u-row justify="end" customStyle="height: 100%;width:100%;">
<u-row v-if="focused && keyword.length > 0" @click="handleClear()" justify="end" style="0 20rpx 0 0;height: 100%;flex: 1;">
<u-icon color="#999" name="close-circle-fill" size="36"></u-icon>
</u-row>
<u-row @click="triggerChange()" justify="end" style="height: 100%;flex: 1;">
<u-icon name="search" size="40" margin="0 0 0 20rpx"></u-icon>
</u-row>
</u-row>
</u-row>
</view>
</view>
@ -79,7 +75,6 @@
}
},
handleClear( ) {
debugger
this.keyword = ''
this.triggerChange()
},

View File

@ -78,13 +78,13 @@
<u-checkbox
shape="circle"
size="28" label="默认地址" active-color="#B12D29" la
label-size="24" hange="handleFormChange()"
label-size="26" hange="handleFormChange()"
>
</u-checkbox>
</u-checkbox-group>
</view>
<view>
<u-text text="清空" size="24" color="#0E0708"></u-text>
<u-text text="清空" size="26" color="#0E0708"></u-text>
</view>
</u-row>
</view>

View File

@ -7,8 +7,7 @@
<view class="pgb-header">
<view class="com-jianju">
<!-- 关键字搜索框 -->
<u-search placeholder="请输入姓名/电话/地址关键字" v-model="searchParam.keyword" height="64" search-icon-size="40"
:clearabled="true" @change="(e)=> { handleSearchParamChange() }" :show-action="false"></u-search>
<tpx-search placeholder="请输入姓名/电话/地址关键字" v-model:value="searchParam.keyword" @change="handleSearchParamChange()" ></tpx-search>
</view>
<view class="com-jianju" style="padding-top: 40rpx;">