请问一下,在组件.tsx文件中引入样式没有生效,这个该怎么解决呢?

来源:2-12 泛型(Generics) 第三部分 - 类和接口

慕慕0439991

2021-03-26

尊敬的张老师,您好,
我最近在学习组件样式的写作,我是这样写的,
图片描述
这里对于主页面的功能区,我使用了样式"app-homepage-main"
不过在调试时,我感觉好像没有生效,
图片描述
这里样式我是定义在一个'../vott/src/react/components/pages/homepage/homePage.scss'这个文件中的,

import '../vott/src/react/components/pages/homepage/homePage.scss';

请问一下,这个该怎么解决呢?

期待您的回复!

写回答

3回答

张轩

2021-04-19

同学你好 文档中说的清楚欧

https://electron-react-boilerplate.js.org/docs/styling

任何样式文件,必须以 global.css 的格式结尾

我将你的 homePage.scss 换成 homePage.global.scss 就可以啦

0
1
慕慕0439991
感谢老师的帮助!
2021-04-19
共1条回复

慕慕0439991

提问者

2021-03-31

老师,我在`homePage.scss`中加入了这样的代码,

//img.mukewang.com/szimg/606418980987eef607260196.jpg

请问一下,这样的测试代码可以吗?

在APP中这个属性好像没有显示出来,

//img.mukewang.com/szimg/6064193f094e512611880572.jpg


期待您的回复!

0
1
张轩
同学你好 请将代码提供一下吧~ 我在本地试试看欧
2021-04-01
共1条回复

张轩

2021-03-27

同学你好 可以看一下 homePage.scss 样式是否导入成功了,给他里面加一个 body 上的属性,先测试看一下。先确保它是否成功被引入了。

0
1
慕慕0439991
老师,我在上面的评论中回复您,
2021-03-31
共1条回复

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2122 学习 · 959 问题

查看课程