注意
阅读本篇教程需要具备基本的 HTML,CSS 和 JavaScript 编程能力
# 修改样式
可以通过浏览器 开发者工具
的 选取页面元素
功能,定位想要修改的元素。
点击元素会高亮显示元素代码,找到元素的 class
属性,得到类似于 _Title_main_2e6yx_1
的一串文字和乱码。
切换到编辑器,忽略乱码部分,在项目中搜索 Title_main
,就可以找到元素所在的 tsx
组件和 module.scss
样式文件。
scss 是一种 css 方言,它完全兼容 css,只需修改对应元素选择器中的属性,就能调整元素样式。
有时候需要配合调整 html 结构来实现样式,tsx 组件中的 html 与标准 html 基本相同,除了使用 {}
来嵌入 JavaScript。