文件名称:vue-ripple-directive:纹波效应作为Vue指令
文件大小:645KB
文件格式:ZIP
更新时间:2024-06-12 14:28:07
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)