开发指南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可以取得对应参数