docs: remove demo-section
This commit is contained in:
+45
-47
@@ -1,56 +1,54 @@
|
||||
<template>
|
||||
<demo-section>
|
||||
<demo-block :title="t('basicUsage')">
|
||||
<van-search v-model="value1" :placeholder="t('placeholder')" />
|
||||
</demo-block>
|
||||
<demo-block :title="t('basicUsage')">
|
||||
<van-search v-model="value1" :placeholder="t('placeholder')" />
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('listenToEvents')">
|
||||
<form action="/">
|
||||
<van-search
|
||||
v-model="value5"
|
||||
:placeholder="t('placeholder')"
|
||||
show-action
|
||||
@search="onSearch"
|
||||
@cancel="onCancel"
|
||||
/>
|
||||
</form>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('inputAlign')">
|
||||
<demo-block :title="t('listenToEvents')">
|
||||
<form action="/">
|
||||
<van-search
|
||||
v-model="value4"
|
||||
v-model="value5"
|
||||
:placeholder="t('placeholder')"
|
||||
input-align="center"
|
||||
/>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('disabled')">
|
||||
<van-search v-model="value3" :placeholder="t('placeholder')" disabled />
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('background')">
|
||||
<van-search
|
||||
v-model="value2"
|
||||
:placeholder="t('placeholder')"
|
||||
shape="round"
|
||||
background="#4fc08d"
|
||||
/>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('customButton')">
|
||||
<van-search
|
||||
v-model="value6"
|
||||
show-action
|
||||
:label="t('label')"
|
||||
:placeholder="t('placeholder')"
|
||||
@search="onSearch"
|
||||
>
|
||||
<template #action>
|
||||
<div @click="onSearch">{{ t('search') }}</div>
|
||||
</template>
|
||||
</van-search>
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
@cancel="onCancel"
|
||||
/>
|
||||
</form>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('inputAlign')">
|
||||
<van-search
|
||||
v-model="value4"
|
||||
:placeholder="t('placeholder')"
|
||||
input-align="center"
|
||||
/>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('disabled')">
|
||||
<van-search v-model="value3" :placeholder="t('placeholder')" disabled />
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('background')">
|
||||
<van-search
|
||||
v-model="value2"
|
||||
:placeholder="t('placeholder')"
|
||||
shape="round"
|
||||
background="#4fc08d"
|
||||
/>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('customButton')">
|
||||
<van-search
|
||||
v-model="value6"
|
||||
show-action
|
||||
:label="t('label')"
|
||||
:placeholder="t('placeholder')"
|
||||
@search="onSearch"
|
||||
>
|
||||
<template #action>
|
||||
<div @click="onSearch">{{ t('search') }}</div>
|
||||
</template>
|
||||
</van-search>
|
||||
</demo-block>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user