hookehuyr

style(animation.vue): 移除冗余的CSS样式并格式化代码

移除未使用的`.node`样式块,并调整代码格式以提高可读性
1 <!-- 1 <!--
2 * @Date: 2025-03-28 09:23:04 2 * @Date: 2025-03-28 09:23:04
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-03-28 14:16:41 4 + * @LastEditTime: 2025-03-28 14:41:28
5 * @FilePath: /mlaj/src/views/animation.vue 5 * @FilePath: /mlaj/src/views/animation.vue
6 * @Description: 贝塞尔曲线动画路径组件 6 * @Description: 贝塞尔曲线动画路径组件
7 * 7 *
...@@ -10,7 +10,6 @@ ...@@ -10,7 +10,6 @@
10 * 2. 点击"下一步"按钮可以逐步显示连接点之间的贝塞尔曲线路径 10 * 2. 点击"下一步"按钮可以逐步显示连接点之间的贝塞尔曲线路径
11 * 3. 路径带有动画效果和箭头指示方向 11 * 3. 路径带有动画效果和箭头指示方向
12 * 4. 已激活的路径段会以绿色高亮显示 12 * 4. 已激活的路径段会以绿色高亮显示
13 - * 5. 支持通过点击节点来激活路径
14 --> 13 -->
15 <template> 14 <template>
16 <div class="animation-container"> 15 <div class="animation-container">
...@@ -236,10 +235,8 @@ const nextStep = () => { ...@@ -236,10 +235,8 @@ const nextStep = () => {
236 padding: 0.5rem 1rem; 235 padding: 0.5rem 1rem;
237 font-size: 1rem; 236 font-size: 1rem;
238 } 237 }
239 -
240 - .node {
241 - }
242 } 238 }
239 +
243 .node { 240 .node {
244 fill: white; 241 fill: white;
245 stroke: #ccc; 242 stroke: #ccc;
......