前端和后端源码，合并到一个git仓库中，方便用户下载，避免前后端不匹配的问题

jeecgboot-vue3/src/views/demo/comp/verify/Rotate.vue

@@ -0,0 +1,33 @@
+<template>
+  <PageWrapper title="旋转校验示例">
+    <div class="flex justify-center p-4 items-center bg-gray-700">
+      <RotateDragVerify :src="img" ref="el" @success="handleSuccess" />
+    </div>
+  </PageWrapper>
+</template>
+<script lang="ts">
+  import { defineComponent } from 'vue';
+  import { RotateDragVerify } from '/@/components/Verify/index';
+
+  import img from '/@/assets/images/header.jpg';
+
+  import { PageWrapper } from '/@/components/Page';
+
+  export default defineComponent({
+    components: { RotateDragVerify, PageWrapper },
+    setup() {
+      const handleSuccess = () => {
+        console.log('success!');
+      };
+      return {
+        handleSuccess,
+        img,
+      };
+    },
+  });
+</script>
+<style lang="less" scoped>
+  .bg-gray-700 {
+    background-color: #4a5568;
+  }
+</style>