1.改变el-collapse的样式

这里改变了el-collpase的背景颜色

.el-collapse >>> .el-collapse-item
  background-color: #e9eef3 !important
.el-collapse-item >>> .el-collapse-item__header
  background-color: #e9eef3 !important
.el-collapse-item >>> .el-collapse-item__wrap
  background-color: #e9eef3 !important

原理：
.el-collpase
首先可以看到el-collapse是最外层的包裹

图片.png

图片.png

图片.png

图片.png

图片.png

2.改变分隔线

.el-collpase里有个属性负责整个展开版的上下分隔线

图片.png

wrap里有每个区域的下分隔线

图片.png

图片.png

原来是展开后的下分隔线

图片.png

图片.png

图片.png

图片.png

最终效果完成：

图片.png

总结：
可以发现，这里修改的属性全在header和wrap里，那么collapse组件也就是
未展开前：header
展开后：header和wrap控制
展开和未展开的样式变化：is-active