Vue3 实现 Windows 10 的描边效果

Demo

• https://huodoushigemi.github....

仓库

• https://github.com/huodoushig...

需要环境

• Chorme 76+
• Vue 3+

安装

npm i -S vue-reveal-effect

在 JS 中使用

REVEAL EFFECT
REVEAL EFFECT
REVEAL EFFECT

在 Vue3 中使用

import { createApp } from 'vue'
import VueRevealEffect from 'vue-reveal-effect'

createApp(App).use(VueRevealEffect).mount('#app')

属性

name	Type	Default	Description
borderWidth	MaybeRef	1
borderColor	MaybeRef
borderGradientSize	MaybeRef	100
bgColor	MaybeRef
bgGradientSize	MaybeRef	130
clickEffect	MaybeRef	true	Enable ripple click effect
light	MaybeRef
disabled	MaybeRef	false

不支持

• 不支持 css 的 border-radius 属性
• 不支持 html 的 标签

最后

你的点赞⭐对我非常重要，也是我坚持的动力