elementUI 折叠图标修改成折叠和收起

.collapse-cont /deep/{
  .el-collapse-item__arrow {
    width: 40px;
  }
  .el-icon-arrow-right:before {
    content: "+ 展开";
  }
  .el-collapse-item__arrow.is-active {
    transform: none;
  }
  .el-collapse-item__arrow.is-active:before {
    content: "- 折叠";
  }
}

dom中不用改，改了css

效果：