element-ui中分割线＜el-divider＞标签修改间距与虚线样式

发现element-ui的分割线间距有点大，且未提供虚线样式。
于是使用了下面链接文章的方式
https://blog.csdn.net/zzzsheng/article/details/104000968

在最下方直接修改原来的样式

/* el-divider 修改高度&虚线效果 */
 .el-divider--horizontal{
     margin: 8px 0;
     background: 0 0;
     border-top: 1px dashed #e8eaec;
 } 

效果图如下: