美文网首页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