A+
mui之自定义android的toast样式
标签: mui 最后编辑:2020年6月16日
因为默认的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
说:来学习一下,应该用得上