开发指南135-CSS中定义参数
对应界面,用户是茄子白菜,各有所爱。在CSS里定义变量。然后在项目里调整是个解决方案。
前端src/styles目录下:
qlm-uivariables.scss文件就是统一的css参数定义文件,大概的文件内容如下:
/***********************************************************************
* 千里马平台文件
*
* 功能:前端UI配置
*
* 最后修订日期:2025-05-30
***********************************************************************/
$defaultTxtSize: 16px; // 默认字体大小
$defaultFontFamily:Microsoft YaHei; // 默认字体
....
使用方法:
1、css文件中:
import "./src/styles/qlm-uivariables.scss";
font-family: $defaultFontFamily;
2、程序文件中:
import variables from '@/styles/qlm-uivariables.scss'
variables.defaultFontFamily可以取得对应参数