最近发现MDUI的弹出对话框模态化阴影盖住了弹出框,仔细查看发现是所有弹出框都有这个问题

去掉Amimate特效之后就没有这个问题,特效代码如下

    <div v-bind:style="styleObject">
      <keep-alive>
        <router-view class="animated bounceInUp animate-css" v-if="$route.meta.keepAlive"></router-view>
      </keep-alive>
      <router-view  class="animated bounceInUp animate-css" v-if="!$route.meta.keepAlive"></router-view>
    </div>

检查后发现css类animatedanimation-fill-mode属性,将这个属性设置为none问题消失

故在app.vue添加修改

.animated{
  animation-fill-mode:none
}