这是一个简单的vue手风琴效果
vue
通过一个属性的切换来达到里面的盒子进行自由的切换状态
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 去除默认样式 */
//这是默认样式的清楚,还有i标签和button标签的默认样式没有清楚可以在input后面添加button标签实现清楚同理i标签可以在em标签之后添加
*{
margin: 0;padding: 0;}
//清浮动(在元素的父集上添加一个名为clearfix的class)
.clearfix:after,
.clearfix:before{
content: '';display: table;}
.clearfix:after{
clear: both;}
input{
border