yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore(@vben/playground): Add new slider captcha element and adjust references (#4490) 

Add a new slider captcha action reference (`el6`) to support additional functionality and update related template and event handler to use this new reference.
pull/48/MERGE
handsomeFu 2024-09-24 14:15:41 +08:00 committed by GitHub
parent f815dcf3ae
commit 79c87c9f46
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
playground/src/views/examples/captcha/slider-captcha.vue
View File

@ -27,6 +27,7 @@ const el2 = ref<SliderCaptchaActionType>();
const el3 = ref<SliderCaptchaActionType>();
const el4 = ref<SliderCaptchaActionType>();
const el5 = ref<SliderCaptchaActionType>();
const el6 = ref<SliderCaptchaActionType>();
</script>
<template>
@ -95,7 +96,7 @@ const el5 = ref<SliderCaptchaActionType>();
</Card>
<Card class="mb-5" title="自定义内容(slot)">
<div class="flex items-center justify-center p-4 px-[30%]">
<SliderCaptcha ref="el5" @success="handleSuccess">
<SliderCaptcha ref="el6" @success="handleSuccess">
<template #text="{ isPassing }">
<template v-if="isPassing">
<Bell class="mr-2 size-4" />
@ -107,7 +108,7 @@ const el5 = ref<SliderCaptchaActionType>();
</template>
</template>
</SliderCaptcha>
<Button class="ml-2" type="primary" @click="handleBtnClick(el5)">
<Button class="ml-2" type="primary" @click="handleBtnClick(el6)">
还原
</Button>
</div>