elementUI el-collapse 自定义折叠面板icon 和 样式 或文字展开收起

elementUI el-collapse 自定义折叠面板icon 和 样式 或文字展开收起_第1张图片

:

:v-deep{
  .el-collapse-item__arrow {
    width: 40px;
  }
  .el-icon-arrow-right:before {
    content: "展开";
    font-size: 15px;
    font-family: 'heiti';
    color: #2295ff;
    font-weight: bold;
  }
  .el-collapse-item__arrow.is-active {
    transform: none;
  }
  .el-collapse-item__arrow.is-active::before {
    content: "收起";
    font-size: 15px;
    font-family: 'heiti';
    color: #2295ff;
    font-weight: 600;
  }
}

你可能感兴趣的:(elementui,前端,javascript)