Framework7 - Dokunma Dalgası

Açıklama

Dokunma Dalgası, yalnızca Framework7 malzeme temasında desteklenen bir efekttir. Varsayılan olarak, malzeme temasında etkindir ve materialRipple: false parametresini kullanarak devre dışı bırakabilirsiniz .

Ripple Elemanları

Dalgalanma öğelerinin aşağıdakiler gibi bazı CSS seçicileriyle eşleşmesini sağlayabilirsiniz:

  • ripple
  • a.link
  • a.item-link
  • .button
  • .tab-link
  • .label-radio
  • .label-onay kutusu vb.

Bunlar materialRippleElements parametresinde belirtilir . Dokunma dalgalanmasını etkinleştirmeniz, dalgalanma efektinden yararlanmak için öğenin seçicisini materialRippleElements parametresine eklemeniz veya yalnızca dalgalanma sınıfını kullanmanız gerekir .

Dalgalanma Dalga Rengi

Dalgalanmanın rengi , elemana ripple- [color] sınıfı eklenerek eleman üzerinde değiştirilebilir .

Örneğin -

<a href = "#" class = "button ripple-orange">Ripple Button</a>

veya aşağıda gösterildiği gibi CSS'yi kullanarak dalga dalga rengini tanımlayabilirsiniz -

.button .ripple-wave {
   background-color: #FFFF00;
}

Ripple Öğelerini Devre Dışı Bırak

No-ripple sınıfını bu öğelere ekleyerek, belirtilen bazı öğeler için dalgalanmayı devre dışı bırakabilirsiniz . Örneğin -

<a href = "#" class = "button no-ripple">Ripple Button</a>