Commit 647777b6 authored by 耿迪迪's avatar 耿迪迪
parents 0007422f 66f6ffca
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: 纪泽龙 jizelong@qq.com * @Author: 纪泽龙 jizelong@qq.com
* @Date: 2025-12-16 11:10:26 * @Date: 2025-12-16 11:10:26
* @LastEditors: 纪泽龙 jizelong@qq.com * @LastEditors: 纪泽龙 jizelong@qq.com
* @LastEditTime: 2026-01-15 14:29:16 * @LastEditTime: 2026-02-24 11:13:43
* @FilePath: /test-ranqi/src/views/Rotate.vue * @FilePath: /test-ranqi/src/views/Rotate.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--> -->
...@@ -78,6 +78,9 @@ export default { ...@@ -78,6 +78,9 @@ export default {
mounted() { mounted() {
this.rotate(); this.rotate();
}, },
beforeDestroy() {
clearInterval(this.timer);
},
methods: { methods: {
rotate() { rotate() {
this.timer = setInterval(() => { this.timer = setInterval(() => {
...@@ -222,7 +225,8 @@ export default { ...@@ -222,7 +225,8 @@ export default {
border-radius: 50%; border-radius: 50%;
// border: 1px solid red; // border: 1px solid red;
// border-top-color: black; // border-top-color: black;
background: url("~@/assets/bigwindowImg/rotate/bottomC.png") center no-repeat; background: url("~@/assets/bigwindowImg/rotate/bottomC.png") center
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
transform: rotateX(90deg) translateZ(250px); transform: rotateX(90deg) translateZ(250px);
} }
...@@ -250,7 +254,8 @@ export default { ...@@ -250,7 +254,8 @@ export default {
// border-radius: 50%; // border-radius: 50%;
// border: 1px solid red; // border: 1px solid red;
// border-top-color: black; // border-top-color: black;
background: url("~@/assets/bigwindowImg/rotate/circleBg.png") center no-repeat; background: url("~@/assets/bigwindowImg/rotate/circleBg.png") center
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
transform: rotateX(90deg) translateZ(250px); transform: rotateX(90deg) translateZ(250px);
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment