本文主要包含vue-css过渡效果等相关知识,ZhangYaBo_Code希望在学习及工作中可以帮助到您
<div class="detail" v-show="detailShow" transition="fade">
123333
</div>
// 给过渡的元素添加 transition="fade" 接着为这个.detail添加规则
transition all 0.5s
&.fade-enter, &.fade-leave
opacity 0
background rgba(7, 17, 27, 0)
&.fade-transition
opacity 1
background rgba(7, 17, 27, .8)