降灵小站

Element UI NavMenu 动态生成

实现原理使循环获取router中的数组循环,需要约定好路由中要配置的信息及结构动态生成导航的前提是: 约定大于配置 NavMenu <el-menu class="menu" default-active="/" router unique-opened> <h2>你的降灵</

2025-07-14

Vue

#router

Lottie 动画库

初始化参数创建 Lottie 实例时的关键配置项（lottie-web）： | 参数 | 类型 | 说明 | |------|------|------| | container | HTMLElement | 必选，承载动画的 DOM 元素 | | path | string | 动画 JSON

2025-07-13

Animation

#animation

弹窗工具类

封装初意是为了实现脱离html标签来使用的简单的弹窗完全动态创建和销毁不依赖模板文件支持通过props传递数据和回调适合作为全局弹窗组件使用组件定义 const DialogComponent = Vue.extend({ props: ["title", "content", "on

2025-07-13

工具类

#util

Clip-Path 动画

clip-path 动画是一种利用 CSS 的裁剪路径属性实现的动态视觉效果，可以用于元素形状的平滑过渡（如圆形变方形、多边形转换等）基本原理: clip-path 使用一个几何图形或 SVG 路径来裁剪元素的可见区域。通过在不同状态（如 :hover）或 CSS 关键帧动画中修改 clip-pa

2025-07-13

Animation

#animation