正文

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

︶ㄣ米米素材网 メ
米米素材网V管理员 / 阅读
0228
参数 说明 说明
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中文字的位置*/