这是一个旋转的圆盘，然后四个小圆旋转的时候，会变成片状怎么解决不变成片呢<template> <div class="pic" :class="deg === 90 ? 'clas' : ''"> <img @click="switchData(1)" :style="{ marginTop: top2 + 'px' }" class="img" src="../../../assets/screen/lsow-nav-icon1.png" /> <img @click="switchData(2)" :style="{ marginTop: top2 + 'px' }" class="img" src="../../../assets/screen/lsow-nav-icon2.png" /> <img @click="switchData(3)" :style="{ marginTop: top2 + 'px' }" class="img" src="../../../assets/screen/lsow-nav-icon3.png" /> <img @click="switchData(4)" :style="{ marginTop: top2 + 'px' }" class="img" src="../../../assets/screen/lsow-nav-icon4.png" /> <p :style="{ transform: 'rotateX(' + deg + 'deg)', marginTop: top + 'px' }"> <img v-for="(item, index) in 10" :key="index" src="../../../assets/screen/bgg.png" /> </p> </div></template><script>import $ from "../../../assets/screen/js/jquery-1.11.0.min.js";export default { data() { return { top: -200, deg: 0, top2: -100, }; }, mounted() { setTimeout(() => { var imgL = $(".pic .img").size(); var deg = 360 / imgL; $(".pic .img").each(function (i) { $(this).css({ transform: "rotateY(" + i * deg + "deg) translateZ(200px)", }); $(this).attr("ondragstart", "return false"); }); }, 500); setTimeout(() => { let timer = setInterval(() => { if (this.top === -100) { if (this.deg === 90) { clearInterval(timer); } else { this.deg = this.deg + 10; } } else { this.top = this.top + 10; } if (this.top2 !== 0) { this.top2 = this.top2 + 10; } }, 100); }, 800); }, methods: { switchData(val) { this.$emit("switchData", val); }, },};</script>