参考链接：vuejs如何实现这样的展开收起动画？ 我选取了其中一个使用max-height的效果，代码如下： ...

CSS实现展开动画 展开收起效果是比较常见的一种交互方式，通常的做法是控制display属性值在none和其它值之间切换，虽说功能可以实现，但是效果略显生硬，所以会有这样的需求——希望元素展开收起能具有平滑的效果。 实现 max-height 首先想到的是通过height在0与auto之间 ...

最近公司项目加了个页面，其中要求是这样的，点击对应列表，展开和收起， 其实就是显示和隐藏内容部分；说来惭愧，我花了半天时间才搞出来（自黑一下~）， ，，接下来分享给大家，先上效果图： .vue页面： <template> <div class ...

1.建个JS文件随便取个名字，把上面的js复制进去， 2.在你要用的页面 import 组件名字(随便取) from '你建的JS文件路径'， 3.export default{co ...

　　刚刚进园，第一篇博客，记录一下CSS3 绘制盒子效果的方法。 　　css3允许使用 3D 转换来对元素进行格式化，转换是使元素改变形状、尺寸和位置的一种效果，3D转换可以通过设置transform的属性值来实现动画效果，其属性值有translate3d()移动,rotate3d()旋转 ...

菜单的下拉和收起动画，看起来好像比较简单，但是搞了半天。 最后可以使用的代码： js，这里是vue中的methods部分 css: 说明 这里结合了js和css，其实只用js也可以，但是稍微麻烦。 只用css也可以，但是效果会稍微差一些（后面会解释）。 这里实现下拉 ...

1.上面是点击的部分，可自定义，下面是我项目的内容部分，下面的代码是功能部分的代码，去掉了不必要的部分记录。 代码：这部分，要注意的是样式。 <ul class="n ...

1、我们可以使用任何的 HTML 元素来打开下拉菜单，如：<span>或 a <button> 元素 2、使用容器元素 (例如<div>) 来创建下拉菜单的内容，并放在任何你想放的位置上。 3、使用 <div> 元素来包裹这些元素，并使用 CSS ...