用vue怎么做出一个div全屏缩屏的过渡效果?

0 0 vue.js
╰╮妖言惑众
╰╮妖言惑众

声望值:50 0人

2019-02-25 14:30:17 提问

关注 0关注

收藏 0收藏, 139浏览

.full-page{
    position:fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

如题,现在页面有个div,旁边有个按钮,我现在是通过按钮点击切换给div赋上一个如上class来切换全屏和缩屏,但是感觉太生硬了,vue的过渡我乍一看每怎么看明白,谁能稍微给我举个例子说明一下用法吗?

请先 登录 后评论

2个回答

  • 狂奔岻蜗牛162声望 2018-09-25 09:26

    http://www.runoob.com/css3/cs... 看看这个
    请先 登录 后评论
  • Cocos︷Creator201声望 2018-09-25 09:26

    Vue 提供了 transition 过渡的封装组件直接使用建议参考文档:https://cn.vuejs.org/v2/guide...
    请先 登录 后评论

注册新账号

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问