波纹效果和图标未在 Framework7 上显示答案

【问题标题】：Ripple effect and icons not showing on Framework7波纹效果和图标未在 Framework7 上显示
【发布时间】：2017-02-25 15:26:07
【问题描述】：

我有一个简单的 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
});

【问题讨论】：

标签： javascript android css cordova html-framework-7

【解决方案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,
});

【讨论】：