账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    vue transition过渡效果
    • 师傅被妖怪抓走了2020-01-20 00:00
    33
    0

    我在做模拟饿了么的过程中，遇到了两个动画效果都无法实现预期的效果。一个就是在商品列表页加入购物车的过程中，小球到购物车的一个动画，内层实现了向x轴的移动，但是展示效果上却只是一个y轴的变化；另个一个动画效果是 点击购物车的时候，会有一个向上的弹框。但是实际上，我设置transition3d(0,-100%,0)时，出现了在这个v-show为true的情况下，v-enter-active v-leave-active class被移除。我特别困惑，我把弹框提出来在一个独立的页面调试，是没有问题的，说明应该是本页面的某一个东西影响了这个动画。但是苦于自己能力的问题，调试了很久也没有得到解决，希望得到大家的帮助。
    这个是我的项目地址https://github.com/chenqing20...

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 夜雨离风 普通会员 1楼

      Vue中，过渡效果是通过transition属性实现的。transition属性可以定义元素在特定条件下进行动画过渡。

      以下是一个简单的例子：

      ```html

      过渡效果

      ```

      在这个例子中，我们创建了一个div元素，并给它添加了一个transition属性。这个属性告诉浏览器在元素加载时如何改变它的样式。

      如果你想要定义一个更复杂的过渡效果，你可能需要使用transition属性的多个属性。例如，你可以在transition属性中定义动画的开始、结束和持续时间。

      以下是一个更复杂的例子：

      ```html

      过渡效果

      ```

      在这个例子中，我们定义了一个transition属性，它告诉浏览器在元素加载时如何改变它的样式。动画的开始和结束时间是0.5秒，持续时间是默认值（forwards）。这个动画在元素加载时开始，并在元素完全加载后结束。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部