jQuery MiniUI

标题: 弹出框样式 [打印本页]

作者: du839183301    时间: 2017-8-15 09:26:06     标题: 弹出框样式

  <option value="mini-messagebox-info">Info</option>
        <option value="mini-messagebox-warning">Warning</option>
        <option value="mini-messagebox-question">Question</option>
        <option value="mini-messagebox-error">Error</option>           


miniui  有没有 带绿色对号的那个成功提示弹出框?


作者: dforce    时间: 2017-8-15 10:36:01

你可以自定一个样式,类似.mini-messagebox-info的样式

.mini-messagebox-ok{
      width:40px;
      height:40px;
     background:url(....) no-repeat 50% 50%;   //这个你可以放你自定义的图片。
}


mini.showMessageBox({
            title: "YESNOCANCEL",
            iconCls: "mini-messagebox-ok",
            buttons: ["ok", "no", "cancel"],
            message: "选择:确定,否,取消。",
            callback: function (action) {
                alert(action);
            }
        });
作者: du839183301    时间: 2017-8-15 14:58:24

dforce 发表于 2017-8-15 10:36
你可以自定一个样式,类似.mini-messagebox-info的样式

.mini-messagebox-ok{

你好,我用了这个方法,但是我把width:   调大 ,  message:“” 设置的字就偏右了,有没有调节的办法?
作者: dforce    时间: 2017-8-15 18:45:34

du839183301 发表于 2017-8-15 14:58
你好,我用了这个方法,但是我把width:   调大 ,  message:“” 设置的字就偏右了,有没有调节的办法? ...

你这宽度调太大了吧,根据你的实际宽度来处理。




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2