wangjuncheng
2025-04-15 8792be67cf5791a4a3afc2f72fd8d7cfc3cff353
src/components/menu/TimeLine.vue
@@ -1,6 +1,7 @@
<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"
@@ -52,6 +53,7 @@
          :style="{ left: progressPercentage + '%' }"
        ></div>
        <div class="time-markers">
          <div
            v-for="(time, index) in timeMarkers"
            :key="index"
@@ -74,6 +76,7 @@
  watch,
  defineProps,
  onBeforeUnmount,
  inject
} from "vue";
import dayjs from "dayjs";
import { createWaterPrimitive, destoryWaterPrimitive } from "@/utils/water";
@@ -295,6 +298,8 @@
    destoryWaterPrimitive();
  }, delay);
});
const { startSimulate, endSimulate } = inject("simulateActions");
</script>
<style scoped>