2016-05-20 6 views
1

カードのヘッダーにリップル効果を追加したいのは、タッチ可能なためです。私はそれにいくつかのカスタムのことをやりたいとCSSが イオン2 - リップル効果を手動で入力する

  • 、少し奇妙になるだろう

    • ので、私はそれは本当にの意味を表すものではありません、しかし、それのボタンにする必要はありませんそれは何ですか。

    私の質問は、私はこのようなことのための指示を作成しています。クリック/タップに手動でリップル効果を追加するにはどうすればよいですか?

    ありがとうございます!

  • +1

    の可能性のある重複した[イオン2要素に波及効果を追加する方法?](http://stackoverflow.com/questions/38748894/how-to-add-ripple-effect-to-an - イオン2要素) –

    答えて

    0

    あなたはionic-rippleをインストールし、イオン2のソースコードを読んだ後

    https://github.com/DarrylD/ionic-ripple

    +0

    これは、READMEに見られるように、イオン1の場合です。しかし、私は時間があるときに私はそれをテストします。答えをありがとう! – naiveai

    -1

    に影響を与えることが好きな要素にそれを添付することができ、私はあなたが「タップ可能な」属性を追加することができますを見つけます結果を得たいDOMに追加して、<div class="button-effect"></div>という要素をターゲットDOMの子ノードとして追加します。ターゲットDOMのスタイルがposition: relative;overflow: hidden;であることを確認してください。 the above method

    もう1つの方法は、2つのion-button clear属性をターゲットDOMに追加することです。この方法でもスタイルを変更する必要があります。

    the image show the element can get the given "active" style

    関連する問題