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

:

复制代码
: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;
  }
}
相关推荐
听风吹等浪起1 分钟前
基于html实现的课题随机点名
前端·html
leluckys7 分钟前
flutter 专题 六十三 Flutter入门与实战作者:xiangzhihong8Fluter 应用调试
前端·javascript·flutter
kidding72321 分钟前
微信小程序怎么分包步骤(包括怎么主包跳转到分包)
前端·微信小程序·前端开发·分包·wx.navigateto·subpackages
微学AI35 分钟前
详细介绍:MCP(大模型上下文协议)的架构与组件,以及MCP的开发实践
前端·人工智能·深度学习·架构·llm·mcp
liangshanbo12151 小时前
CSS 包含块
前端·css
Mitchell_C1 小时前
语义化 HTML (Semantic HTML)
前端·html
倒霉男孩1 小时前
CSS文本属性
前端·css
shoa_top1 小时前
JavaScript 数组方法总结
javascript
晚风3081 小时前
前端
前端
JiangJiang1 小时前
🚀 Vue 人如何玩转 React 自定义 Hook?从 Mixins 到 Hook 的华丽转身
前端·react.js·面试