vue2.0 transition 手风琴
2024-10-13 11:28:47
<div class="food">
<button @click="show=!show">show</button>
<transition name="move">
<p v-show="show">hello</p>
</transition>
</div>
.move-enter{
max-height: 0;
}
.move-enter-active {
max-height: 480px;
-webkit-transition: max-height .5s cubic-bezier(1.0, 0.5, 0.8, 1.0);
transition: max-height .5s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.move-leave {
max-height: 0;
}
.move-leave-active {
max-height: 0;
-webkit-transition: max-height .5s cubic-bezier(1.0, 0.5, 0.8, 1.0);
transition: max-height .5s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
最新文章
- butterknife简介及Generate ButterKnife Injections 不出现的问题解决
- 【BZOJ】3319: 黑白树
- string strSQL = "Select * From Employees;Select * from Customers";执行两次查询
- java中的native方法和修饰符（转）
- 用Qt实现简单的视频播放器
- JAVA Socket：文件传输
- 自定义Attribute 服务端校验 客户端校验
- POJ 1258 Agri-Net（最小生成树，模板题）
- ASIHTTPRequest 详解 例子
- Alsa 读取wave文件，并播放wave 文件
- zoj 3981 Balloon Robot
- VC++6.0连接MySQL数据库（MySQL API）
- 如何将JAR包发布到Maven中央仓库？
- Spring MVC 使用介绍（六）—— 注解式控制器（二）：请求映射与参数绑定
- dbForge Studio for MySQL V8.0 Enterprise
- 《Java编程思想第四版》附录 C Java 编程规则
- kubernetes 学习资料
- mysql学习笔记四 —— AB复制
- Markdown 列表
- Linux关机操作