menu Chancel's blog
rss_feed
Chancel's blog
时来天地皆同力

Amimate z-index

作者:Chancel Yang, 时间:2021 Jun 15, 阅读:34

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

[[replyMessage== null?"发表评论":"发表评论 @ " + replyMessage.m_author]]

account_circle
email
web_asset
textsms

评论列表([[messageResponse.total]])

还没有可以显示的留言...
[[messageItem.m_author]] [[messageItem.m_author]]
[[messageItem.create_time]]
[[getEnviron(messageItem.m_environ)]]
[[subMessage.m_author]] [[subMessage.m_author]] @ [[subMessage.parent_message.m_author]] [[subMessage.parent_message.m_author]]
[[subMessage.create_time]]
[[getEnviron(messageItem.m_environ)]]