refactor(search): update demo to model value

This commit is contained in:
rex 2020-05-01 22:31:23 +08:00
parent f9b53aad99
commit 16e9dcd0f8

View File

@ -1,18 +1,16 @@
<demo-block title="基本用法"> <demo-block title="基本用法">
<van-search <van-search
value="{{ value }}" model:value="{{ value }}"
placeholder="请输入搜索关键词" placeholder="请输入搜索关键词"
bind:change="onChange"
bind:search="onSearch" bind:search="onSearch"
/> />
</demo-block> </demo-block>
<demo-block title="事件监听"> <demo-block title="事件监听">
<van-search <van-search
value="{{ value }}" model:value="{{ value }}"
show-action show-action
placeholder="请输入搜索关键词" placeholder="请输入搜索关键词"
bind:change="onChange"
bind:search="onSearch" bind:search="onSearch"
bind:cancel="onCancel" bind:cancel="onCancel"
bind:clear="onClear" bind:clear="onClear"
@ -21,7 +19,7 @@
<demo-block title="搜索框内容对齐"> <demo-block title="搜索框内容对齐">
<van-search <van-search
value="{{ value }}" model:value="{{ value }}"
input-align="center" input-align="center"
placeholder="请输入搜索关键词" placeholder="请输入搜索关键词"
/> />
@ -30,14 +28,14 @@
<demo-block title="禁用搜索框"> <demo-block title="禁用搜索框">
<van-search <van-search
disabled disabled
value="{{ value }}" model:value="{{ value }}"
placeholder="请输入搜索关键词" placeholder="请输入搜索关键词"
/> />
</demo-block> </demo-block>
<demo-block title="自定义背景色"> <demo-block title="自定义背景色">
<van-search <van-search
value="{{ value }}" model:value="{{ value }}"
shape="round" shape="round"
background="#4fc08d" background="#4fc08d"
placeholder="请输入搜索关键词" placeholder="请输入搜索关键词"
@ -46,12 +44,11 @@
<demo-block title="自定义按钮"> <demo-block title="自定义按钮">
<van-search <van-search
value="{{ value }}" model:value="{{ value }}"
label="地址" label="地址"
shape="round" shape="round"
placeholder="请输入搜索关键词" placeholder="请输入搜索关键词"
use-action-slot use-action-slot
bind:change="onChange"
bind:search="onSearch" bind:search="onSearch"
> >
<view slot="action" bind:tap="onClick">搜索</view> <view slot="action" bind:tap="onClick">搜索</view>