styled-components-course:样式化组件的示例

时间:2024-05-22 04:42:22
【文件属性】:

文件名称:styled-components-course:样式化组件的示例

文件大小:78KB

文件格式:ZIP

更新时间:2024-05-22 04:42:22

JavaScript

样式化的组件示例 此回购包含简单的练习,以探讨样式化组件的功能。 在查看答案之前,请尝试咨询。 练习 在演示文稿和容器中分离一个组件。 要编辑的文件: src/App.js 现在,App.js包含一个App组件,该组件负责逻辑和样式。 在显示和容器组件中将该组件分开。 注入全局CSS。 要编辑的文件: src/index.js, src/App.css 创建文件: src/global.js 我们要向从常规CSS迁移到样式化组件的项目BUT中添加新的字体。 创建一个global.js文件以添加我们的新字体SoberanaSans并在index.js上导入global.js。 确保在现有的css文件上使用此新字体,以验证注入正常。 nav { font-family:'SoberanaSans'; font-size:17px; ... } 字体文件可


【文件预览】:
styled-components-course-master
----public()
--------manifest.json(317B)
--------index.html(2KB)
--------favicon.ico(4KB)
----yarn.lock(245KB)
----README.old.md(57B)
----src()
--------logo.svg(3KB)
--------App.js(830B)
--------registerServiceWorker.js(4KB)
--------App.css(636B)
--------index.js(611B)
----README.md(2KB)
----.gitignore(884B)
----package.json(603B)

网友评论