返回 导航

HTML5 / CSS3

hangge.com

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

作者:hangge | 2016-08-17 08:45
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,修改后效果图

评论

全部评论(0)

回到顶部