android toast样式 最新,mui之自定义android的toast样式

因为默认的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绘制的对话框 */

})

不加的话你会发现还是没有效果

————————————————

版权声明：本文为CSDN博主「Rm_and_Rf」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/Rm_and_Rf/article/details/98481794