docs: remove demo-section
This commit is contained in:
@@ -1,82 +1,80 @@
|
||||
<template>
|
||||
<demo-section>
|
||||
<van-cell is-link @touchstart.stop="keyboard = 'default'">
|
||||
{{ t('button1') }}
|
||||
</van-cell>
|
||||
<van-cell is-link @touchstart.stop="keyboard = 'custom'">
|
||||
{{ t('button2') }}
|
||||
</van-cell>
|
||||
<van-cell is-link @touchstart.stop="keyboard = 'extraKey'">
|
||||
{{ t('button3') }}
|
||||
</van-cell>
|
||||
<van-cell is-link @touchstart.stop="keyboard = 'title'">
|
||||
{{ t('button4') }}
|
||||
</van-cell>
|
||||
<van-cell is-link @touchstart.stop="keyboard = 'multiExtraKey'">
|
||||
{{ t('button5') }}
|
||||
</van-cell>
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
:label="t('bindValue')"
|
||||
:model-value="value"
|
||||
:placeholder="t('clickToInput')"
|
||||
@touchstart.stop="keyboard = 'bindValue'"
|
||||
/>
|
||||
<van-cell is-link @touchstart.stop="keyboard = 'default'">
|
||||
{{ t('button1') }}
|
||||
</van-cell>
|
||||
<van-cell is-link @touchstart.stop="keyboard = 'custom'">
|
||||
{{ t('button2') }}
|
||||
</van-cell>
|
||||
<van-cell is-link @touchstart.stop="keyboard = 'extraKey'">
|
||||
{{ t('button3') }}
|
||||
</van-cell>
|
||||
<van-cell is-link @touchstart.stop="keyboard = 'title'">
|
||||
{{ t('button4') }}
|
||||
</van-cell>
|
||||
<van-cell is-link @touchstart.stop="keyboard = 'multiExtraKey'">
|
||||
{{ t('button5') }}
|
||||
</van-cell>
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
:label="t('bindValue')"
|
||||
:model-value="value"
|
||||
:placeholder="t('clickToInput')"
|
||||
@touchstart.stop="keyboard = 'bindValue'"
|
||||
/>
|
||||
|
||||
<van-number-keyboard
|
||||
:show="keyboard === 'default'"
|
||||
@blur="keyboard = ''"
|
||||
@input="onInput"
|
||||
@delete="onDelete"
|
||||
/>
|
||||
<van-number-keyboard
|
||||
:show="keyboard === 'default'"
|
||||
@blur="keyboard = ''"
|
||||
@input="onInput"
|
||||
@delete="onDelete"
|
||||
/>
|
||||
|
||||
<van-number-keyboard
|
||||
:show="keyboard === 'custom'"
|
||||
:close-button-text="t('close')"
|
||||
theme="custom"
|
||||
extra-key="."
|
||||
@blur="keyboard = ''"
|
||||
@input="onInput"
|
||||
@delete="onDelete"
|
||||
/>
|
||||
<van-number-keyboard
|
||||
:show="keyboard === 'custom'"
|
||||
:close-button-text="t('close')"
|
||||
theme="custom"
|
||||
extra-key="."
|
||||
@blur="keyboard = ''"
|
||||
@input="onInput"
|
||||
@delete="onDelete"
|
||||
/>
|
||||
|
||||
<van-number-keyboard
|
||||
:show="keyboard === 'extraKey'"
|
||||
:close-button-text="t('close')"
|
||||
extra-key="X"
|
||||
@blur="keyboard = ''"
|
||||
@input="onInput"
|
||||
@delete="onDelete"
|
||||
/>
|
||||
<van-number-keyboard
|
||||
:show="keyboard === 'extraKey'"
|
||||
:close-button-text="t('close')"
|
||||
extra-key="X"
|
||||
@blur="keyboard = ''"
|
||||
@input="onInput"
|
||||
@delete="onDelete"
|
||||
/>
|
||||
|
||||
<van-number-keyboard
|
||||
:show="keyboard === 'title'"
|
||||
:close-button-text="t('close')"
|
||||
:title="t('title')"
|
||||
extra-key="."
|
||||
@blur="keyboard = ''"
|
||||
@input="onInput"
|
||||
@delete="onDelete"
|
||||
/>
|
||||
<van-number-keyboard
|
||||
:show="keyboard === 'title'"
|
||||
:close-button-text="t('close')"
|
||||
:title="t('title')"
|
||||
extra-key="."
|
||||
@blur="keyboard = ''"
|
||||
@input="onInput"
|
||||
@delete="onDelete"
|
||||
/>
|
||||
|
||||
<van-number-keyboard
|
||||
:show="keyboard === 'multiExtraKey'"
|
||||
:close-button-text="t('close')"
|
||||
theme="custom"
|
||||
:extra-key="['00', '.']"
|
||||
@blur="keyboard = ''"
|
||||
@input="onInput"
|
||||
@delete="onDelete"
|
||||
/>
|
||||
<van-number-keyboard
|
||||
:show="keyboard === 'multiExtraKey'"
|
||||
:close-button-text="t('close')"
|
||||
theme="custom"
|
||||
:extra-key="['00', '.']"
|
||||
@blur="keyboard = ''"
|
||||
@input="onInput"
|
||||
@delete="onDelete"
|
||||
/>
|
||||
|
||||
<van-number-keyboard
|
||||
v-model="value"
|
||||
:show="keyboard === 'bindValue'"
|
||||
maxlength="6"
|
||||
@blur="keyboard = ''"
|
||||
/>
|
||||
</demo-section>
|
||||
<van-number-keyboard
|
||||
v-model="value"
|
||||
:show="keyboard === 'bindValue'"
|
||||
maxlength="6"
|
||||
@blur="keyboard = ''"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user