style(animation.vue): 移除冗余的CSS样式并格式化代码
移除未使用的`.node`样式块,并调整代码格式以提高可读性
Showing
1 changed file
with
2 additions
and
5 deletions
| 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; | ... | ... |
-
Please register or login to post a comment