作者:E4b9a6, 创建:2021-06-15, 字数:521, 已阅:69, 最后更新:2024-03-10
最近发现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
}