223
文章
5
说说
64
评论
113743
访问

个人博客网站:prettywordpress.com(吃饭用大碗的程序猿)

最新评论
qq_avatar
1月前,”ヘル”在《码农=新生代农民工》
说:打卡@[huaixiao]
qq_avatar
2月前,”肋巴骨”在《Win10系统桌面一直闪屏自动刷新怎么办》
说:不错啊,这是谁写的教程,真棒
qq_avatar
3月前,”逗小沫”在《2021最新PhpStorm+wamp+Xdebug调试wordpress》
说:大佬不考虑加个灯箱吗,图片不能放大
qq_avatar
3月前,”逗小沫”在《2021最新PhpStorm+wamp+Xdebug调试wordpress》
说:pjax失效咋办,F12显示已取消
qq_avatar
3月前,”热爱”在《2021最新PhpStorm+wamp+Xdebug调试wordpress》
说:测试Markdown语法加表情 OωO@(暗地观察)@[哈哈]@[ganga]
A+

mui之自定义android的toast样式

标签: 最后编辑: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

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

发表一下你的评论呗

回复评论代表你同意网站的 隐私政策

... 友情提示 请保留版权标识
复制成功!
目录