MUI中给出的dialog效果不错,但是我想要自定义一下内容,在里面的输入框和提示信息下方再添加一个提示信息和输入框,然后点击确认按钮可以返回两个输入框的内容。
现在的效果如附件中所示,实现代码如下:
HTML部分:
<button id='promptBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">计算验证</button>
JS部分:
document.getElementById("promptBtn").addEventListener('tap', function(e) {
e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug,使用plus.nativeUI.prompt会造成输入法闪一下又没了
// var btnArray = ['确定', '取消'];
var btnArray = ['确定'];
mui.prompt('问题一:3+2=?', '请输入问题答案', '计算验证', btnArray, function(e) {
if (e.index == 0) {
info.innerText = '谢谢你的评语:' + e.value;
} else {
info.innerText = '你点了取消按钮';
}
})
});
这个dialog自定义需要修改哪里?望指教。
缘多多 (作者)
呃。。。你说什么不错啊?
2015-09-17 16:36