· 约 2 分钟 ·

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

解决 MDUI 弹出对话框模态化阴影覆盖问题

最近发现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
}

留言交流

发表留言

支持 Markdown 语法 0/1000