less
FE-阿阳
爱学习的程序猿
展开
-
sass for循环转换为 less
问题描述 ‘抄’组件库的代码时,可能会遇到需要将 sass 代码转换成 less 代码;sass 支持条件语句,可以使用if{}else{},for{}循环等等。而Less不支持,但是 less 可以使用函数递归的方式模拟 for 循环 解决方案 sass代码 $component-prefix: 'taroify-'; $hd:1; @for $i from 1 through 24 { .#{$component-prefix}flex-item-#{$i} { flex: 0 0 $i原创 2022-03-12 21:40:08 · 1144 阅读 · 0 评论 -
umi 中 引入 npm 包 less 变量
umi 中 引入 npm 包 less 变量 问题描述 最近开发组件库,组件库中有色彩系统,需要在项目中引用,此处记录解决方案 解决方案 方案一: 在 less 中引入,如下:需要每个 less 文件中引用,所以舍弃 @import "~@homed/mortise-ui/es/components/style/themes-override/color.less"; // 引入 mortise 色彩体系 方式二: 将 less 转换为 js 文件,通过修改 umi 的配置 theme 字段实现,原创 2021-08-17 11:02:20 · 1880 阅读 · 0 评论 -
ant Design 中使用 :globa
ant Design 中使用 :global 问题描述 接触 antd 项目,发现样式里面有 :global 写法,研究一下 问题结果 less 文件中的写法如下: .houseInfoCard { margin-bottom: 20px; :global { .ant-form-item { margin-bottom: 10px; } } } 这里这么写主要是为了覆盖 antd 的样式; 有两点需要注意: 引入的 antd 组件类名没有被 CSS Modu原创 2021-05-20 17:53:30 · 1775 阅读 · 0 评论