美文网首页
自定义Mint UI Massage Box 内容框内样式

自定义Mint UI Massage Box 内容框内样式

作者: IvyAutumn | 来源:发表于2019-07-17 11:02 被阅读0次

massage box默认样式如下


image.png

有时户需要修改massage box提示框中文字的格式,希望能够像写html一样去定义
示例

    checkChange(){
      if(!this.checked){
        // MessageBox('提示', 'checked');
        const html = `
        <div class="card">
            <ul class="checkedList">
                <li class="pb45">
                    <span class="color-red">请您谨慎操作。</span>
                </li>
                <li class="pb45">
                    <span>您正在关闭该功能。</span>
                </li >
                <li class="pb45">
                    <span>该功能关闭后,如需再次开通,您需要您联系管理员为您打开。</span>
                </li>
            </ul>
        </div>
              `

        MessageBox.confirm(html).then(action => { 
           if (action == 'confirm') {     //确认的回调
            this.checked = false;
            }
           }).catch(err => { 
           if (err == 'cancel') {     //取消的回调
            this.checked = true;
            } 
           });
      }else{
        // console.log(this.checked)
        // MessageBox('提示', '去设置');     
      }
    },

相关文章

  • 自定义Mint UI Massage Box 内容框内样式

    massage box默认样式如下 有时户需要修改massage box提示框中文字的格式,希望能够像写html一...

  • SYAlertView弹窗视图

    SYAlertView自定义弹窗子视图UI根据UI设计需求,自定义各种样式的弹窗子视图: 自定义UI及样式 自定义...

  • Mint UI组件库 和 Mui

    Mint UI Github 仓储地址 Mint-UI官方文档 安装 npm install mint-ui -S...

  • mint-ui

    mint-ui 基于vue.js的移动端组件库 安装mint-ui 导入mint-ui包 mint-ui中使用bu...

  • mintui使用

    1.安装yarn add mint-ui 2.样式引入进来(完全引入) 3.样式引入进来(按需加载) 4.使用

  • Mint-UI 自定义组件

    Mint-UI 自定义组件 不定期更新 TimePicker (时间选择器) 效果: TimeRangePicke...

  • mint-ui

    mint-ui官网 http://mint-ui.github.io/#!/zh-cn[http://mint-u...

  • 06_01.集成mint-ui组件库

    效果图 1.下载mint-ui npm i mint-ui -S 1.1 mint-ui官网 http://min...

  • 9. Mint-UI 和 MUI

    Mint-UI Mint-UI 是基于 Vue.js 的移动端组件库。 Mint-UI 官网: http://mi...

  • vue常用组件

    Mint UI 项目主页:http://mint-ui.github.io/#!/zh-cn demo:http:...

网友评论

      本文标题:自定义Mint UI Massage Box 内容框内样式

      本文链接:https://www.haomeiwen.com/subject/yatqlctx.html