mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
5b368fc9f2
* feat(Search): add Search demo * feat(Search): search demo desc adjustment * docs(Search): adjust demo order
59 lines
1.2 KiB
Plaintext
59 lines
1.2 KiB
Plaintext
<demo-block title="基本用法">
|
|
<van-search
|
|
value="{{ value }}"
|
|
placeholder="请输入搜索关键词"
|
|
bind:change="onChange"
|
|
bind:search="onSearch"
|
|
/>
|
|
</demo-block>
|
|
|
|
<demo-block title="监听对应事件">
|
|
<van-search
|
|
value="{{ value }}"
|
|
show-action
|
|
placeholder="请输入搜索关键词"
|
|
bind:change="onChange"
|
|
bind:search="onSearch"
|
|
bind:cancel="onCancel"
|
|
bind:clear="onClear"
|
|
/>
|
|
</demo-block>
|
|
|
|
<demo-block title="禁用搜索框">
|
|
<van-search
|
|
value="{{ value }}"
|
|
placeholder="请输入搜索关键词"
|
|
disabled
|
|
/>
|
|
</demo-block>
|
|
|
|
<demo-block title="自定义背景色">
|
|
<van-search
|
|
value="{{ value }}"
|
|
placeholder="请输入搜索关键词"
|
|
background="#c8c9cc"
|
|
/>
|
|
</demo-block>
|
|
|
|
<demo-block title="搜索框内容对齐">
|
|
<van-search
|
|
value="{{ value }}"
|
|
placeholder="请输入搜索关键词"
|
|
input-align="center"
|
|
/>
|
|
</demo-block>
|
|
|
|
<demo-block title="高级用法">
|
|
<van-search
|
|
value="{{ value }}"
|
|
placeholder="请输入搜索关键词"
|
|
use-action-slot
|
|
bind:change="onChange"
|
|
bind:search="onSearch"
|
|
label="地址"
|
|
shape="round"
|
|
>
|
|
<view slot="action" bind:tap="onClick">搜索</view>
|
|
</van-search>
|
|
</demo-block>
|