mirror of
https://gitee.com/wot-design-uni/wot-design-uni.git
synced 2025-12-07 01:28:30 +08:00
refactor: ♻️ 优化 keyboard 的示例代码 (#1322)
This commit is contained in:
parent
a4d2550fef
commit
0e4cb76b27
@ -105,9 +105,9 @@ const onDelete = () => showToast('删除')
|
|||||||
<wd-keyboard v-model="value" v-model:visible="visible" v-model:car-lang="lang" mode="car" @input="onInput" @delete="onDelete"></wd-keyboard>
|
<wd-keyboard v-model="value" v-model:visible="visible" v-model:car-lang="lang" mode="car" @input="onInput" @delete="onDelete"></wd-keyboard>
|
||||||
|
|
||||||
<!-- 非受控模式:禁用自动切换 -->
|
<!-- 非受控模式:禁用自动切换 -->
|
||||||
<wd-cell title="车牌号键盘(非自动切换)" :value="value2" is-link @click="showKeyBoard2" />
|
<wd-cell title="车牌号键盘(非受控)" :value="value2" is-link @click="showKeyBoard2" />
|
||||||
|
|
||||||
<wd-keyboard v-model="value2" v-model:visible="visible2" mode="car" :auto-switch-lang="false" @input="onInput" @delete="onDelete"></wd-keyboard>
|
<wd-keyboard v-model="value2" v-model:visible="visible2" mode="car" auto-switch-lang @input="onInput" @delete="onDelete"></wd-keyboard>
|
||||||
```
|
```
|
||||||
|
|
||||||
```ts
|
```ts
|
||||||
|
|||||||
@ -107,7 +107,7 @@ You can control the language mode of the license plate keyboard through the `car
|
|||||||
<!-- Uncontrolled mode: Disable auto-switching -->
|
<!-- Uncontrolled mode: Disable auto-switching -->
|
||||||
<wd-cell title="License Plate Keyboard (No Auto-switch)" :value="value2" is-link @click="showKeyBoard2" />
|
<wd-cell title="License Plate Keyboard (No Auto-switch)" :value="value2" is-link @click="showKeyBoard2" />
|
||||||
|
|
||||||
<wd-keyboard v-model="value2" v-model:visible="visible2" mode="car" :auto-switch-lang="false" @input="onInput" @delete="onDelete"></wd-keyboard>
|
<wd-keyboard v-model="value2" v-model:visible="visible2" mode="car" auto-switch-lang @input="onInput" @delete="onDelete"></wd-keyboard>
|
||||||
```
|
```
|
||||||
|
|
||||||
```ts
|
```ts
|
||||||
|
|||||||
@ -66,8 +66,8 @@
|
|||||||
|
|
||||||
<wd-keyboard :modal="true" v-model:visible="visible8" @input="onInput" @delete="onDelete" />
|
<wd-keyboard :modal="true" v-model:visible="visible8" @input="onInput" @delete="onDelete" />
|
||||||
|
|
||||||
<wd-keyboard v-model="value10" v-model:visible="visible10" mode="car" @input="onInput" @delete="onDelete" :autoSwitchLang="false" />
|
<wd-keyboard v-model="value10" v-model:visible="visible10" mode="car" auto-switch-lang @input="onInput" @delete="onDelete" />
|
||||||
<wd-keyboard v-model="value11" v-model:visible="visible11" v-model:carLang="carLang" mode="car" @input="onInput" @delete="onDelete" />
|
<wd-keyboard v-model="value11" v-model:visible="visible11" v-model:car-lang="carLang" mode="car" @input="onInput" @delete="onDelete" />
|
||||||
</page-wraper>
|
</page-wraper>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user