| | |
| | | const numBoxes3 = ref(5); // 可动态修改的 div 数量 |
| | | const speed = 0.1; |
| | | const maxX = 200; // 终点X坐标 |
| | | const maxY = -80; // 终点Y坐标 |
| | | const maxY = -73; // 终点Y坐标 |
| | | const maxX2 = 250; // 终点X坐标 |
| | | const maxY2 = -165; // 终点Y坐标 |
| | | const maxX3 = 100; // 终点X坐标 |
| | | const maxY3 = -55; // 终点Y坐标 |
| | | const maxY3 = -75; // 终点Y坐标 |
| | | const delayFrames = 600; // 每个 div 的延迟帧数 |
| | | |
| | | const boxes = ref([]); |
| | |
| | | <div v-for="(item,index) in rawGlassStorageDetailList.slice(28,29)" :key="index" :style='"width: "+(item.remainQuantity / 5)+"px;height: 5px;background-color: red;"'></div> |
| | | </div> |
| | | <!-- 磨边色块 --> |
| | | <div class="container" style="position: relative;width: 20px;height: 20px;top: 572px;left: 645px;border: 1px solid #000;position: absolute;"> |
| | | <div class="container" style="position: relative;width: 20px;height: 20px;top: 572px;left: 648px;border: 1px solid #000;position: absolute;"> |
| | | <div v-for="(box, index) in boxes" :key="index" class="box" :style="box.style"></div> |
| | | </div> |
| | | <div class="container" style="position: relative;width: 20px;height: 20px;top: 625px;left: 700px;border: 1px solid #000;position: absolute;"> |