【问题标题】:How to disable ripple effect in polymer paper elements?如何禁用聚合物纸元素中的涟漪效应?
【发布时间】:2014-11-09 18:18:14
【问题描述】:

我正在使用polymer 编写一个移动网络应用程序,它将使用phonegap 打包以在android 设备上运行。我正在使用聚合物paper-tabscore-animated-pages 来显示切换效果。在设备上,除了标签触摸上的ripple effect 之外,一切都运行良好。它使整个事情看起来丑陋和滞后。如何禁用纸张标签(以及最终所有其他纸张元素)中的涟漪效应?

我尝试将纸张标签源中的noink 属性设置为true,如下所示,但它不起作用。

 Polymer('paper-tabs', {

/**
 * If true, ink ripple effect is disabled.
 *
 * @attribute noink
 * @type boolean
 * @default false
 */
noink: true,

【问题讨论】:

    标签: cordova polymer material-design paper-elements


    【解决方案1】:

    您可以在具有涟漪效果的元素上使用noink 属性将其关闭:

    <paper-button noink>No ink!<paper-button>
    <paper-tabs noink>...<paper-tabs>
    

    AFAICT,第一个可能在下一次 Polymer 发布纸按钮之前无法工作。但是,如果您想在边缘流血,它确实可以在 master 中使用。

    【讨论】:

    • 如果您希望在一个部分中禁用跨所有 ui 元素的波纹:#no-ripple paper-ripple { color: rgba(0,0,0,0); } 或页面范围:html /deep/ paper-ripple { color: rgba(0,0,0,0); },看起来也可以使用 CSS 设置样式
    猜你喜欢
    • 2019-09-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-09
    • 2016-12-02
    • 2016-04-25
    • 2021-06-16
    相关资源
    最近更新 更多