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