引入代码
import "@/assets/iconfont/iconfont.css";
<style lang="less" scoped>
::v-deep .el-collapse-item__arrow {
width: 60px;
}
::v-deep .el-icon-arrow-right:before {
content: "展开";
font-size: 14px;
}
::v-deep .el-icon-arrow-right::after {
font-family: "iconfont";
content: "\e68a";
font-size: 18px;
color: #bbbbbb;
position: relative;
left: 4px;
top: 2px;
}
::v-deep .el-collapse-item__arrow.is-active {
transform: none;
}
::v-deep .el-collapse-item__arrow.is-active:before {
content: "收起";
font-size: 14px;
}
::v-deep .el-collapse-item__arrow.is-active::after {
font-family: "iconfont";
content: "\e68b";
font-size: 18px;
color: #bbbbbb;
position: relative;
left: 4px;
top: 2px;
}
</style>
vue 关于阿里巴巴矢量图标库的使用(包含在伪类中使用字体图标)
于 2022-05-30 14:58:35 首次发布