Blame view

src/views/demo/comp/verify/Rotate.vue 811 Bytes
陈文彬 authored
1
<template>
2
  <PageWrapper title="旋转校验示例">
陈文彬 authored
3
    <div class="flex justify-center p-4 items-center bg-gray-700">
4
      <RotateDragVerify :src="img" ref="el" @success="handleSuccess" />
陈文彬 authored
5
    </div>
6
  </PageWrapper>
陈文彬 authored
7
8
9
10
11
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import { RotateDragVerify } from '/@/components/Verify/index';
12
  import img from '/@/assets/images/header.jpg';
13
14
15

  import { PageWrapper } from '/@/components/Page';
陈文彬 authored
16
  export default defineComponent({
17
    components: { RotateDragVerify, PageWrapper },
陈文彬 authored
18
19
20
21
22
23
    setup() {
      const handleSuccess = () => {
        console.log('success!');
      };
      return {
        handleSuccess,
24
        img,
陈文彬 authored
25
26
27
28
      };
    },
  });
</script>
29
30
<style lang="less" scoped>
  .bg-gray-700 {
31
    background-color: #4a5568;
32
33
  }
</style>