版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
因为默认的toast样式都是显示在底部,有时候体验不好,所以需要更改显示的位置。
为什么toast会默认显示在底部呢?那是因为mui.toast的源码里有这样的代码
if ($.os.plus) {
//默认显示在底部;
$.plusReady(function() {
plus.nativeUI.toast(message, {
verticalAlign: 'bottom'
});
});
}
如果想要修改mui.toast的样式的话 只需要在下面的CSS样式里面加上想要的代码
.mui-toast-container {
top: 40% !important;
}
.mui-toast-message {
padding: 10px 25px;
text-align: center;
color: #fff;
border-radius: 6px;
background-color: #323232;
}
最重要的是你需要在HTML页面中的mui.toast里面加上
type: ‘div’ /* 是否使用h5绘制的对话框 */
mui.toast('MUI欢迎您', {
type: 'div' /* 是否使用h5绘制的对话框 */
})