Chancel's blog
我就是这样的人
作者：Chancel， 时间：2021 Jun 15， 阅读：35
最近发现MDUI的弹出对话框模态化阴影盖住了弹出框，仔细查看发现是所有弹出框都有这个问题，联想到最近涉及全局修改的只有添加了特效Amimate了
去掉特效之后果然就解（确）决（定）了这个问题，然后仔细看了看，经过翻资料翻文档之后并无所获，css这块一直都不熟，从搜索结果来看起来很可能是transform引起的问题
APP.VUE特效代码摘录
<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>
用DevTools仔细查找发现了CSS类 animated 有一个animation-fill-mode的属性，这个属性为None时这个问题就消失了
所以在APP.VUE文件添加一个样式解决这个问题
.animated{
animation-fill-mode:none
}