降灵小站
  • 首页
  • Vue
  • Amap
  • Echarts
  • Animation
    GSAP Other Lottie
  • Gift
  • 服务器
    nginx 防护
  • JavaScript
  • Vue3文档笔记

弹窗工具类

封装初意是为了实现脱离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

Echarts 水滴图

echarts 插件,官方地址:https://echarts.apache.org/zh/download-extension.html <template> <div class="LiquidFill"> <div class="styles" @click="HandleClic
2025-07-13
Echarts
#echarts-plugin

动态生成路由

const routesContext = require.context('../views', true, /\.vue$/); require.context方法来动态地加载指定目录下的所有Vue文件 const routes = routesContext.keys().map(key =>
2025-07-12
Vue
#router
1 … 7 8 9
Halo Fluid