Framework7 - 修改模态框默认文字（标题、确认|取消按钮、登录框提示）

2016-08-17 发布：hangge 阅读：6049

Framework7 提供了许多常用的模态框（Modal）如：告警框（Alert）、确认框（Confirm）、需要用户输入的提示框（Prompt）等等。默认情况下，这些弹出框的标题是“Framework7”，而确认按钮、取消按钮、登录框的提示文字等都是英文的。

比如：我在页面上弹出一个确认框。

myApp.confirm('是否开始查询?', function () {
        //开始查询
});

默认效果图如下：

1，修改默认文字

在 Framework7 初始化的时候传入相关的配置对象即可。

// 初始化 app
var myApp = new Framework7({
          modalTitle: "hangge.com提示",
          modalButtonOk: "确定",
          modalButtonCancel: "取消",
          modalPreloaderTitle: "加载中...",
          modalUsernamePlaceholder: "用户名",
          modalPasswordPlaceholder: "密码"
});

2，参数说明
（1）modalTitle：模态框默认标题（默认值：Framework7）

（2）modalButtonOk：确认按钮文字（默认值：OK）

（3）modalButtonCancel：取消按钮文字（默认值：Cancel）

（4）modalPreloaderTitle：预加载模态框文字（默认值：Loading...）

（5）modalUsernamePlaceholder：登录模态框里用户名占位提示文字（默认值：Username）

（6）modalPasswordPlaceholder：登录模态框里密码占位提示文字（默认值：Password）

3，修改后效果图