Framework7 上未显示涟漪效果和图标

Question

我有一个简单的 Framework7 应用程序，我正在尝试 Google material 设计，除了图标和涟漪效果（用户点击可点击元素时的视觉效果）外，一切正常.图标根本不显示，涟漪效果看起来像 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

要使用涟漪效果，您必须先激活它。要激活 material 主题（涟漪效应），您已使用此初始化您的应用程序：

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

如果您将material设置为true，涟漪效果将被激活。要在 material 主题中禁用涟漪效应，您必须将 materialRipple: false 添加到您的应用程序初始化中。

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

Framework7 上未显示涟漪效果和图标

Ripple effect and icons not showing on Framework7

javascript

css

android

cordova

html-framework-7