element-plus中的collapse组件中的箭头图标移到左边问题解决

1.问题内容

 

今天用了一下element-plus中的collapse组件，但是我的需求和element中的有些区别

在element中他这个箭头是在右边的

 而我想要的效果是下面这样（箭头在左边）

于是就用了一个封装的组件，里面有一个值，来定义箭头的左右，当我把这个值调为left的时候，问题就出现了（自行查看官方文档即可）

当我把这个值调为left的时候，问题就出现了

 它的箭头出现在了文字的右侧，并非在最右边，这时候我们不难发现，传值为left没错，只是样式有些问题，并没有达到要求，我们可以按F12看一下该元素的样式，果然，问题出现在.el-collapse-item__arrow这个类名上

2.解决办法

给他的左边距一个距离，自行调试即可

  .el-collapse-item__arrow {
    margin: 0 8px 0 10px;
    transition: transform var(--el-transition-duration);
    font-weight: 300;
  }