|
1
|
<template>
|
vben
authored
|
2
|
<PageWrapper title="旋转校验示例">
|
|
3
|
<div class="flex justify-center p-4 items-center bg-gray-700">
|
vben
authored
|
4
|
<RotateDragVerify :src="img" ref="el" @success="handleSuccess" />
|
|
5
|
</div>
|
vben
authored
|
6
|
</PageWrapper>
|
|
7
8
9
10
11
|
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { RotateDragVerify } from '/@/components/Verify/index';
|
vben
authored
|
12
|
import img from '/@/assets/images/header.jpg';
|
vben
authored
|
13
14
15
|
import { PageWrapper } from '/@/components/Page';
|
|
16
|
export default defineComponent({
|
vben
authored
|
17
|
components: { RotateDragVerify, PageWrapper },
|
|
18
19
20
21
22
23
|
setup() {
const handleSuccess = () => {
console.log('success!');
};
return {
handleSuccess,
|
vben
authored
|
24
|
img,
|
|
25
26
27
28
|
};
},
});
</script>
|
nebv
authored
|
29
30
|
<style lang="less" scoped>
.bg-gray-700 {
|
Vben
authored
|
31
|
background-color: #4a5568;
|
nebv
authored
|
32
33
|
}
</style>
|