383e20a3
 杨鑫
拉取
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<script setup lang="ts">
import { computed } from 'vue';
import { Page, SliderRotateCaptcha } from '@vben/common-ui';
import { preferences } from '@vben/preferences';
import { useUserStore } from '@vben/stores';
import { Card, message } from 'ant-design-vue';
const userStore = useUserStore();
function handleSuccess() {
message.success('success!');
}
const avatar = computed(() => {
return userStore.userInfo?.avatar || preferences.app.defaultAvatar;
});
</script>
<template>
<Page description="用于前端简单的拖动校验场景" title="滑块旋转校验">
<Card class="mb-5" title="基本示例">
<div class="flex items-center justify-center p-4">
<SliderRotateCaptcha :src="avatar" @success="handleSuccess" />
</div>
</Card>
</Page>
</template>
|
