reactjs – Semantic-UI React：如何在create-react-app项目中使

发布时间：2020-12-15 20:49:36 所属栏目：百科来源：网络整理

导读：我在create-react-app项目中使用Semantic-UI.我使用自定义主题使用ThemeProvider修改单个组件,这是很好的. 但是我想弄清楚如何将较少的变量修改为 described in the semantic-ui documentation react semantic-ui文档没有提供太多内容. 有什么建议吗？我的I

我在create-react-app项目中使用Semantic-UI.我使用自定义主题使用ThemeProvider修改单个组件,这是很好的.
但是我想弄清楚如何将较少的变量修改为 described in the semantic-ui documentation

react semantic-ui文档没有提供太多内容.
有什么建议吗？

我的Index.js看起来大致如下：

import 'semantic-ui-css/semantic.min.css'
import { ThemeProvider } from 'styled-components'
import mainTheme from './themes/mainTheme'


ReactDOM.render(
  <ThemeProvider theme={mainTheme}>
    <App />
  </ThemeProvider>
  document.getElementById('root')
)

编辑：具体到我想要实现的目标,我想改变使用的主要字体.

查看 docs,您的主题文件夹中基本上可以有一个globals文件夹,其中包含两个可选文件：site.variables和site.overrides.我假设您可以覆盖所述site.overrides中的@font变量.

您可以看到site.variables here的示例.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!