文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
vue.js - vuejs 折叠面板的展开收缩动画应该怎么实现？用vue自带的过渡效果还是css3?
大家讲道理
大家讲道理 2017-04-17 11:55:19
[CSS3讨论组]
0 6 2335
举报

大家讲道理
大家讲道理

光阴似箭催人老，日月如移越少年。

全部回复(6)
PHP中文网
PHP中文网2017-04-17 11:57:19 6楼

简单可以这样实现
http://output.jsbin.com/muzotal

赞 +0
添加回复
阿神
阿神2017-04-17 11:57:19 5楼

这个效果就是加个transiton,然后改变p高度值吧，增加一个css的类就行了

赞 +0
添加回复
黄舟
黄舟2017-04-17 11:57:19 4楼

高度为0； 当点击的时候高度设置为　width:auto;

赞 +0
添加回复
大家讲道理
大家讲道理2017-04-17 11:57:19 3楼

@click 事件控制类可以啊 height ＋ transition

赞 +0
添加回复
ringa_lee
ringa_lee2017-04-17 11:57:19 2楼

vue2.0 展开收缩动画 有没有源码啊

赞 +0
添加回复
巴扎黑
巴扎黑2017-04-17 11:57:19 1楼

用自带的过度就可以

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部