在Framework7上没有显示的涟漪效应和图标

Question

我有一个简单的Framework7应用程序，我正在尝试Google材质设计，除了图标和涟漪效果（用户点击可点击元素时的视觉效果），一切都有效。图标根本不显示，涟漪效果看起来像iOS。我将framework7 css包含在framework.min.js文件中（版本1.5.3）。我需要重新编译JS文件吗？

这是我的app.js：

// Initialize app
var myApp = new Framework7();

// If we need to use custom DOM library, let's save it to $$ variable:
var $$ = Dom7;

// Add view
var mainView = myApp.addView('.view-main', {
  // Because we want to use dynamic navbar, we need to enable it for this view:
  dynamicNavbar: true
});

Answer 1

要使用涟漪效果，您必须先激活它。对于活动素材主题（涟漪效果），您可以使用以下命令初始化您的应用：

// Initialize app
var myApp = new Framework7({
  // Enable Material theme
  material: true,
});

如果您将材质设置为true，则会激活涟漪效果。要在素材主题中停用涟漪效果，您必须将materialRipple: false添加到您的应用初始化。

// Initialize app
var myApp = new Framework7({
  // Enable Material theme
  material: true,
  materialRipple: false,
});