界面组件
导航栏配置
settingNavBar
支持平台
微信 | 友空间 | 安卓 | iOS |
---|---|---|---|
✘ | ✔︎ | ✔︎ | ✔︎ |
参数
字段 | 类型 | 必填 | 说明 |
---|---|---|---|
hide | number | 否 | 是否隐藏导航栏,1隐藏 0 不隐藏 |
示例**
mtl.settingNavBar({
hide: 0,
success: function(res) {
// 成功回调
...
},
fail: function(err) {
var message = err.message; // 错误信息
}
});
信息提示框
showToast
注:android系统只支持固定的长提示(3.5s)和短提示(2s)两种。
支持平台
微信 | 友空间 | 安卓 | iOS |
---|---|---|---|
✘ | ✔︎ | ✔︎ | ✔︎ |
参数
字段 | 类型 | 必填 | 说明 |
---|---|---|---|
content | string | 是 | 需要显示的文本内容 |
duration | number | 否 | 显示时长 |
示例**
mtl.showToast({
content: '文本',
duration: 2,
success: function(res) {
// 成功回调
...
},
fail: function(err) {
var message = err.message; // 错误信息
}
});
警告框
showAlert
支持平台
微信 | 友空间 | 安卓 | iOS |
---|---|---|---|
✘ | ✔︎ | ✔︎ | ✔︎ |
参数
字段 | 类型 | 必填 | 说明 |
---|---|---|---|
type | string | 否 | 弹窗类型。 |
title | string | 否 | alert框的标题 |
content | string | 是 | alert框的内容 |
confirmButtonText | string | 否 | 左侧按钮的文字 |
cancelButtonText | string | 否 | 右侧按钮的文字 |
type参数说明**
值 | 说明 |
---|---|
alert | 只有一个按钮的弹窗,只显示confirmButtonText(cancelButtonText不用传参) |
confirm | 显示两个按钮的弹窗,左侧按钮文本:confirmButtonText 右侧按钮文本:cancelButtonText |
成功回调返回**
字段 | 类型 | 说明 |
---|---|---|
selectButton | string | 点击 confirm 返回 "confirm",点击 cancel 返回"cancel" |
示例**
mtl.showAlert({
type: 'alert',
title: '温馨提示',
content:'消息已发出',
confirmButtonText: '我知道了',
success: function(res) {
// 成功回调
...
},
fail: function(err) {
var message = err.message; // 错误信息
}
});
打开新的浏览窗体
navigateTo
支持平台
微信 | 友空间 | 安卓 | iOS |
---|---|---|---|
✔︎ | ✔︎ | ✔︎ | ✔︎ |
参数
字段 | 类型 | 必填 | 说明 |
---|---|---|---|
url | string | 是 | 新浏览器窗体加载的url |
orientation | number | 否 | 0 强制竖屏; 1 跟随系统; 2 强制横屏(微信不支持) |
navShow | number | 否 | 0:不显示顶部导航栏 1:显示顶部导航栏(微信不支持) |
示例
mtl.navigateTo({
url: 'https://www.xxx.com',
orientationtitle: 1,
navShow:0,
success: function(res) {
// 成功回调
...
},
fail: function(err) {
var message = err.message; // 错误信息
}
});
关闭当前浏览窗体
navigateBack
支持平台
微信 | 友空间 | 安卓 | iOS |
---|---|---|---|
✔︎ | ✔︎ | ✔︎ | ✔︎ |
参数
-无-
示例**
mtl.navigateBack({
success: function(res) {
// 成功回调
...
},
fail: function(err) {
var message = err.message; // 错误信息
}
});