/snippets

代码小片段🍺🍺🍺

Primary LanguageVue

snippets

实用片段

  • Vue

    • components
      • Sign.vue; // Canvas 签名
      • Record.vue // 录屏（包括摄像头、音频）
    • directives 
      longPress.ts // 长按(v-long-press="fn" or <with param>: v-long-press="() => fn(param)")

      debouce.ts // 防抖(v-debounce="fn")

      throttle.ts // 节流(v-throttle="fn")

      watermark.ts // 添加水印(v-watermark="msg" or v-watermark="{ text: msg, font: '48px', color: 'rgba(0, 250, 154, .2)', width: 150, height: 150, rotate: 30 }")

  • css

    • NavSlide.vue; // 导航下划线（with bug：第一个 nav 第一次悬浮的时候下划线是从右边开始的） 预览

    • NavSlideLeft.vue; // 导航下划线一直是从左下角开始往右滑动的 预览

    • Cards.vue; // 卡片鼠标悬浮上移，窄屏css兼容 预览

    • grid 布局 预览

    • shape-outside && clip-path 内容根据自定义规则形状显示，超出隐藏 预览

    • buttons 按钮样式效果 预览

    • 漂亮的渐变色背景动态变换; 预览

    • 滚动字幕; 预览

  • canvas