zoukankan      html  css  js  c++  java
  • Vue2 CSS 过渡

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <script type="text/javascript" src="Vue-v2.5.22.js"></script>
        <title>Title</title>
        <style>
            .fade-enter-active,
            .fade-leave-active {
                transition: opacity .5s
            }
    
            .fade-enter,
            .fade-leave-to
            {
                opacity: 0
            }
        </style>
    </head>
    <body>
    <div id="app">
        <transition name="fade">
            <div v-if="show">Vue</div>
        </transition>
        <!--vm.show=true-->
    </div>
    
    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                show: false
            }
        });
    </script>
    </body>
    </html>
  • 相关阅读:
    Beta 冲刺(1/7)
    福大软工 · 第十次作业
    11111111
    101
    7
    6
    5
    4
    p
    b2
  • 原文地址:https://www.cnblogs.com/wjlbk/p/12633473.html
Copyright © 2011-2022 走看看