satori/satori
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

防止子元素的边角导致hover事件触发

Browse Source
This commit is contained in:
觉 2023-10-10 02:16:55 +08:00
parent ad4e3fd6ee
commit 7a955606c7
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pages/index.vue
View File

@ -34,10 +34,10 @@
//span {{ (i % 8) }} {{ (i % 8) < 4 ? '- -' : '---' }} //span {{ (i % 8) }} {{ (i % 8) < 4 ? '- -' : '---' }}
//span {{ (i % 8) }} {{ (i % 8) + 2 < 4 ? '- -' : '---' }} //span {{ (i % 8) }} {{ (i % 8) + 2 < 4 ? '- -' : '---' }}
//span {{ (i % 8) }} {{ (i % 8) + 3 < 4 ? '- -' : '---' }} //span {{ (i % 8) }} {{ (i % 8) + 3 < 4 ? '- -' : '---' }}
// 太极 // 太极(hover时缓慢旋转动画)
div(class="rounded-full h-64 w-64 absolute overflow-hidden") div(class="rounded-full cursor-pointer bg-green-300 h-64 w-64 absolute overflow-hidden hover:animate-spin")
div(class="bg-white h-1/1 left-0 w-1/2 absolute") div(class="bg-white h-1/1 left-0 w-1/2 absolute rounded-l-full")
div(class="bg-black h-1/1 right-0 w-1/2 absolute") div(class="bg-black h-1/1 right-0 w-1/2 absolute rounded-r-full")
div(class="bg-white rounded-full h-32 top-0 left-1/4 w-32 absolute flex justify-center items-center") div(class="bg-white rounded-full h-32 top-0 left-1/4 w-32 absolute flex justify-center items-center")
div(class="bg-black rounded-full h-8 w-8") div(class="bg-black rounded-full h-8 w-8")
div(class="bg-black rounded-full h-32 bottom-0 right-1/4 w-32 absolute flex justify-center items-center") div(class="bg-black rounded-full h-32 bottom-0 right-1/4 w-32 absolute flex justify-center items-center")