国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Le composant de transition de Vue effectuera v-show v-if sur les éléments du composant pour déterminer s'il faut entrer dans l'animation ou quitter l'animation, donc après avoir écrit l'animation correspondante, déplacez la souris pour afficher et laisser le # caché ???? #

html

<p id="app">
    <p id=ad-box @mouseenter='show =true' @mouseleave='show = false'>
        我是放廣告的父盒子
        <transition name='fade'>
            <p id=ad v-show='show'>我是廣告</p>
        </transition>
    </p>
</p>

css

html, body, #app {
            width: 100%;
            height: 100%;
        }

        #ad-box {
            width: 200px;
            height: 200px;
            position: fixed;
            right: 0;
            bottom: 50%;
            background: #cccccc;
        }

        #ad {
            width: 100%;
            height: 100%;
            background: gray;
        }

        .fade-enter-active, .fade-leave-active {
            transition: opacity .5s
        }

        .fade-enter, .fade-leave-active {
            opacity: 0
        }

Si vous souhaitez glisser depuis l'extérieur de l'écran, changez simplement le style CSS, écrivez-le probablement comme ceci