mui 消息提示框 toast自定义样式

2025-01-09前端开发

207

参数	说明	说明
duration	持续显示时间,默认值 short(2000ms)	支持整数值和 String ,String可选:long(3500ms),short(2000ms)
type	强制使用MUI消息框(div模式)	‘div’

MUI.toast('加载中...',{ duration:'long', type:'div' });

css文件如下：

.MUI-toast-container {
    bottom: 40% !important;/*离布局底部的距离*/
    }
.MUI-toast-message {
    background: url(../img/loading.png) no-repeat center 10px #000;   /*toast的背景图片*/
    opacity: 0.7;/*toast中背景色的透明度*/
    color: #FF0000; /*toast中字体颜色*/
    width: 180px; /*toast宽度*/
    padding: 50px 5px 10px 5px;/*toast中文字的位置*/

The End

MUI

mui 消息提示框 toast自定义样式

参数说明说明 duration 持续显示时间,默认值 short(2000ms) 支持整数值和 String ,String可选: long(3500ms) , short(2000ms) type 强制使用mui消息框(div模式) div mui.toast('加载中...',{ duration:'long', type:'div' }); css文件如下： .mui-toast-...

2025-01-09 前端开发

207

1.图标为icon字体，html代码如下： nav class="mui-bar mui-bar-tab"a id="defaultTab" class="mui-tab-item mui-active" href="suoYouWenTi.html"span class="mui-icon mui-icon-help"span class="mui-badge"9/span/spanspan class="mui-tab-label"所有提问...

2025-01-09 前端开发

121

mui中的a标签无效和click无法点击的问题

解决mui的a标签无效： mui('body').on('tap','a',function(){ window.top.location.href=this.href;}); 解决mui无法点击元素的问题：(主要是mui屏蔽了click，更换成tap即可) $('#id').on('tap','xx',function(){ //dosomething});...

2025-01-09 前端开发

148

mui框架如何实现页面间传值

我的传值 listDetail = li class=mui-table-view-cell mui-mediaa href=aJaxDetail.html?+arrayobj[i].id+div class=mui-media-body+arrayobj[i].digest+/div/a/li; 在cell 的a链接中拼接上需要传送的数据+arrayobj[i].id+ 获取数据 mui.init(); mui.plusRead...

2024-12-20 前端开发

145

mui prompt 弹出框怎么设置输入框的默认值

mui prompt 弹出框设置输入框的默认值，具体代码如下： document.getElementById("promptBtn").addEventListener('tap', function(e) {e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了var...

2024-12-06 前端开发

180

相关推荐

mui 消息提示框 toast自定义样式

mui 实现底部tab切换

mui中的a标签无效和click无法点击的问题

mui框架如何实现页面间传值

mui prompt 弹出框怎么设置输入框的默认值

热门文章

热门精品源码

最新VIP资源