MDUI 弹出对话框的模态化阴影问题

解决 MDUI 弹出对话框模态化阴影覆盖问题
2023-07-07
other
443 字 · 约 2 分钟阅读

最近发现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类animated有animation-fill-mode属性，将这个属性设置为none问题消失

故在app.vue添加修改

.animated{
  animation-fill-mode:none
}

留言

发表留言