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

2025-01-09 前端开发跟版网

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

参数	说明	说明
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中文字的位置*/

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！

MUI

上一篇：mui 实现底部tab切换下一篇：没有了

相关文档推荐

mui 实现底部tab切换

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"所有提问

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});

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

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

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

layui中添加上下文提示弹窗功能

html部分代码： p context-tip="自定义上下文提示信息"段落内容.../pdiv context-tip="自定义上下文提示信息"div内容.../div js代码部分： // 悬浮提示$("body").on("mouseenter", "*[context-tip]", function () { var content = $(this).attr('context-tip'

用javascript实现改善用户体验之alert提示效果

下面是用javascript实现改善用户体验之alert提示效果的完整攻略。

栏目导航

html教程 css教程前端开发 cms教程 seo优化网页设计服务器数据库平面设计电脑教程编程教程互联网移动开发 php编程 java编程建站技巧 Python编程