注意

阅读本篇教程需要具备基本的 HTML,CSS 和 JavaScript 编程能力

# 修改样式

可以通过浏览器 开发者工具选取页面元素 功能,定位想要修改的元素。

点击元素会高亮显示元素代码,找到元素的 class 属性,得到类似于 _Title_main_2e6yx_1 的一串文字和乱码。

切换到编辑器,忽略乱码部分,在项目中搜索 Title_main ,就可以找到元素所在的 tsx 组件和 module.scss 样式文件。

scss 是一种 css 方言,它完全兼容 css,只需修改对应元素选择器中的属性,就能调整元素样式。

有时候需要配合调整 html 结构来实现样式,tsx 组件中的 html 与标准 html 基本相同,除了使用 {} 来嵌入 JavaScript。