fix: Improve the problem of inaccurate captcha accuracy (#4401)

* feat: captcha example

* fix: fix lint errors

* chore: event handling and methods

* chore: add accessibility features ARIA labels and roles

* refactor: refactor code structure and improve captcha demo page

* feat: add captcha internationalization

* chore: 适配时间戳国际化展示

* fix: 1. 添加点击位置边界校验,防止点击外部导致x,y误差。2. 演示页面宽度过长添加滚动条。3. 添加hooks

---------
This commit is contained in:
Squall2017
2024-09-14 21:21:16 +08:00
committed by GitHub
parent b8a4fba78c
commit 38fe6426a2
3 changed files with 47 additions and 36 deletions

View File

@@ -46,7 +46,10 @@ const handleClick = (point: CaptchaPoint) => {
:description="$t('page.examples.captcha.pageDescription')"
:title="$t('page.examples.captcha.pageTitle')"
>
<Card :title="$t('page.examples.captcha.basic')" class="mb-4">
<Card
:title="$t('page.examples.captcha.basic')"
class="mb-4 overflow-x-auto"
>
<div class="mb-3 flex items-center justify-start">
<Input
v-model:value="params.title"