最近搜索
抖音小程序 弹出窗口 文档
管理员
2025-09-09 11:14
<view class="container"> <view class="page-body"> <view class="btn-area"> <button type="default" bindtap="modalTap">有标题的modal</button> <button type="default" bindtap="noTitlemodalTap">无标题的modal</button> <button type="default" bindtap="custommodalTap">自定义按钮颜色的modal</button> <button type="default" bindtap="inputmodalTap">带输入框的modal</button> </view> </view> </view>
弹出文字提醒，
弹出确定 取消 窗口
tt.showModal({
title: "模态框标题",
content: "模态框内容",
showCancel: false,
success(res) {
console.log('showModal success', res);
if (res.confirm) {
tt.showToast({
title: 'CONFIRM'
});
}
if (res.cancel) {
tt.showToast({
title: 'CANCEL',
icon: "none"
});
}
},
fail(err) {
console.log('showModal fail', err);
},
complete(res) {
console.log('showModal complete', res);
}
});
tt.showModal({
content: "模态框内容",
confirmText: "确定",
cancelText: "关闭",
success(res) {
console.log('showModal success', res);
if (res.confirm) {
tt.showToast({
title: 'CONFIRM'
});
}
if (res.cancel) {
tt.showToast({
title: 'CANCEL',
icon: "none"
});
}
},
fail(err) {
console.log('showModal fail', err);
},
complete(res) {
console.log('showModal complete', res);
}
});
tt.showModal({
title: "请求获得定位权限",
content: "获得你的地理位置能够更好的为你推荐本地信息",
confirmColor: "#00FF00",
cancelColor: "#FF0000",
success(res) {
console.log("用户点击了" + (res.confirm ? "确定" : "取消"))
if (res.confirm) {
tt.showToast({
title: 'CONFIRM'
});
}
if (res.cancel) {
tt.showToast({
title: 'CANCEL',
icon: "none"
});
}
},
fail(err) {
console.log('showModal fail', err);
},
complete(res) {
console.log('showModal complete', res);
}
});
tt.showModal({
title: "填写内容",
editable: true,
placeholderText: "请在此输入...",
success(res) {
if (res.confirm) {
console.log("用户点击了确认，输入了" + res.content)
} else {
console.log("用户点击了取消") // 用户选择取消时不会返回输入的content
}
},
fail(err) {
console.log('showModal fail', err);
},
complete(res) {
console.log('showModal complete', res);
}
});
联系站长
站长微信:xiaomao0055
站长QQ:14496453
按分类分组
按日期分组