less、scss混入实现一行代码写出三角形图标任意组合
背景
我们在项目中,经常会用到三角图标,这个时候,你是使用 icon 字体呢,还是会自己写 css 样式代码呢?今天我们就一起来看看,如何使用 less 或者 scss 的混入功能,实现只需一行代码,就写出各种样式的三角图标及其任意的组合呢。话不多说,直接上图:
1. 使用 Less 混入实现
我们在写 less 的时候,一般都会把混入代码单独写入一个文件,比如mixins.less:
// mixins.less
/*
* @width:border宽度
* @config:三角形位置及颜色配置,
*.
原创
2020-11-24 22:51:43 ·
594 阅读 ·
1 评论