实战篇笔记-山竹记账前端（二）

使用 CSS Modules

任何以 .module.css 为后缀名的 CSS 文件都被认为是一个 CSS modules 文件。导入这样的文件会返回一个相应的模块对象：

/* example.module.css */
.red {
  color: red;
}

import classes from './example.module.css'
document.getElementById('foo').className = classes.red

本项目用的是 scss ，需要安装预处理器依赖

pnpm i -D sass

完成第一个页面

• 拷贝 windows 系统文件：mv /workspaces/oh-my-env/temp/*.svg src/assets/icons

• css 自定义全局变量

:root {
  --main-color: hotpink;
}

.wrapper {
    color: var(--main-color)
}