当前位置: 首页 > news >正文

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

http://www.dtcms.com/a/352109.html

相关文章:

  • 技术干货丨基于SimSolid的塑胶模具温度场瞬态分析
  • 【贪心算法】day3
  • win11在安装com0com软件后,在设备管理器中虚拟串口黄色感叹号得解决方法
  • 什么是Webpack的热更新(Hot Module Replacement)?原理是什么?
  • 2 梯度下降算法
  • 面试 总结(1)
  • 博士招生 | 南洋理工大学 PINE Lab 招收全奖博士
  • 一文看懂@Bean注解的原理
  • Markdown 编辑器 语法
  • 18、移动应用系统分析与设计
  • 字帖生成器怎么用?电脑手机双端操作指南
  • halcon的默认图像坐标系是怎么样的?
  • Agent实战教程:LangGraph关于智能体的架构模式与核心概念
  • MySQL表的管理
  • Matplotlib渲染性能提升10倍:底层原理与实战技巧
  • 具身智能常用【数据集】汇总篇
  • 三菱FX5U PLC访问字变量的某一位
  • 信长之野望 新生 威力加强版 送修改器 免安装中文版
  • 基于 MediaPipe + Three.js 的实时姿态可视化前端
  • clip等llm模型预研
  • vue3和react的异同点
  • nacos基础
  • 培训积分制:量化培训效果
  • Java多态深度解析:从原理到实战应用
  • 50个Qt 库
  • 计算机网络的发展演进历程
  • ubuntu20.04环境配置
  • Android之流式显示内容
  • IjkPlayer 播放 MP4 视频时快进导致进度回退的问题
  • 【LeetCode】动态规划——542.01 矩阵