vue2.0移动端触摸反馈指令

最新推荐文章于 2024-09-02 07:03:35 发布

Vincen??

最新推荐文章于 2024-09-02 07:03:35 发布

阅读量881

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000008634493

介绍了一个为Vue移动端Web项目设计的轻量级触摸反馈指令v-fb，该指令可以模拟App级别的反馈效果，如改变按钮的透明度等，并支持自定义样式。

github star

vue-feedback

Vue v2.0 触摸反馈自定义指令v-fb

顾名思义，这个是为vue移动端web项目打造的触摸反馈指令，高度模拟App反馈效果；比如点击一个按钮会有样式反馈,当然不只是按钮，别的标签都可以;默认是透明度的变化反馈，当然你也可以自定义样式，轻量级模块，无任何依赖；

安装步骤

# 安装 npm 模块
npm install vue-feedback --save

# 项目引入
import vueFeedback from 'vue-feedback'

# vue.use()加载
Vue.use(vueFeedback)

# 组件内使用
<button v-fb>按钮</button>

# 高级用法(自定义样式，添加写好的class名)
<button v-fb="{cls:'buttonActive'}"