【文件属性】:
文件名称:vue-ripple-directive:纹波效应作为Vue指令
文件大小:645KB
文件格式:ZIP
更新时间:2021-05-23 20:41:27
vue ripple vue-directive material-ripple JavaScript
物质纹波效应
材质纹波效果作为Vue指令。
该指令适用于您希望实现这种波纹效果的任何元素。
安装
npm install vue-ripple-directive --save
重要通知
如果附加指令的位置相对,则该指令将更好地工作。 尽管该指令将尝试设置position: relative如果元素不具有此属性。 这是因为自v2.0。*起,涟漪指令更改了其定位方法,以避免在UI元素移动时出现拖尾问题,从而导致涟漪保持在先前位置,而不是元素移动到的位置。
选项
传递给指令的可选参数。
范围
类型
价值观
color-value
细绳
默认值:'rgba(0,0,0,0.35)' 。 接受HEX,RGB和RGBA值。 为了获得最佳外观,请使用不透明度较低的RGBA。
修饰符
默认情况下,此伪指令将单击处理程序附加到元素,并且过渡设置为600ms。 对于那些想要修改它们的人,只需将修饰符
【文件预览】:
vue-ripple-directive-master
----.babelrc(84B)
----docs()
--------index.html(275B)
----package.json(1KB)
----index.html(216B)
----LICENSE(1KB)
----package-lock.json(280KB)
----dist()
--------build.js(183KB)
--------logo.png(61KB)
--------build.js.map(992KB)
----src()
--------ripple.js(6KB)
--------ripple.css(390B)
----.npmignore(42B)
----.gitignore(58B)
----webpack.config.js(1KB)
----demo()
--------App.vue(7KB)
--------assets()
--------main.js(167B)
----README.md(2KB)