H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

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

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

回答:

Vue 提供了 transition 过渡的封装组件
直接使用建议参考文档:
https://cn.vuejs.org/v2/guide…

回答:

http://www.runoob.com/css3/cs…

看看这个

回答:

使用 vue-fullscreen 组件
一个用于将任意页面元素进行全屏切换的vue组件

本文地址:H5W3 » 用vue怎么做出一个div全屏缩屏的过渡效果?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址