美文网首页Vue.js专区vue踩坑Web前端之路
mini-ui加载框Indicator 被遮挡问题

mini-ui加载框Indicator 被遮挡问题

作者: 月中眠_d56d | 来源:发表于2019-08-20 14:53 被阅读1次

    在进行vue开发中,一般会用到加载框,避免用户重复点击按钮提交


    image.png

    这里用到了mini-ui中的 Indicator 插件,

    使用方法为:

    弹出加载框: Indicator.open("加载中...");
    关闭加载框: Indicator.close()
    为了避免加载框被遮挡,需要定义:

    <style>
      .mint-indicator-wrapper {
        z-index: 1000 !important;
      }
      .mint-indicator-mask {
        z-index: 1000 !important;
      }
    </style>
    

    相关文章

      网友评论

        本文标题:mini-ui加载框Indicator 被遮挡问题

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