| | |
| | | <template> |
| | | <div class="timeline-container"> |
| | | <div class="controls"> |
| | | <!-- <div @click="endSimulate">结束模拟</div> --> |
| | | <div class="control-btn" @click="skipBackward"> |
| | | <img |
| | | src="@/assets/img/timeline/left.png" |
| | |
| | | :style="{ left: progressPercentage + '%' }" |
| | | ></div> |
| | | <div class="time-markers"> |
| | | |
| | | <div |
| | | v-for="(time, index) in timeMarkers" |
| | | :key="index" |
| | |
| | | watch, |
| | | defineProps, |
| | | onBeforeUnmount, |
| | | inject |
| | | } from "vue"; |
| | | import dayjs from "dayjs"; |
| | | import { createWaterPrimitive, destoryWaterPrimitive } from "@/utils/water"; |
| | |
| | | destoryWaterPrimitive(); |
| | | }, delay); |
| | | }); |
| | | const { startSimulate, endSimulate } = inject("simulateActions"); |
| | | |
| | | </script> |
| | | |
| | | <style scoped> |