coreui自定义组件和移动版logo

Question

我正在使用 https://coreui.io/ 免费 React 管理模板版本 4。我们应该将自己的组件（获取数据等）放在哪里？在 /src/components 或 /src/views 中？仪表板等所有现有组件都在 /src/views 文件夹中。

还有如何更改手机版显示的标志？修改 /src/components/AppSidebar.js 中的 <CSidebarBrand /> 仅影响桌面版中显示的徽标。谢谢

Answer 1

1. 您可以在 src 文件夹下创建一个名为 container 的新文件夹，您可以在其中创建所有 feature-specific 文件，这些文件执行诸如获取数据和对其执行操作并呈现您的现有组件是您在 /src/views.
中创建的

• /src/container/feature1Container.js
• /src/container/feature2Container.js
• 等...

2. 在侧边栏标志中，如果您询问侧边栏品牌标志，那么您可能正在使用 coreUi class 作为品牌标志，即 c-sidebar-brand-full，您可以添加另一个标志（移动版) 并添加 class c-sidebar-brand-minimized 显示在 移动版

例子

<CSidebarBrand className="d-md-down-none" to="/">
    <span className="c-sidebar-brand-full">
      /*Logo for web version */
    </span>
    <span className="c-sidebar-brand-minimized">
      /*Logo for mobile version */
    </span>
</CSidebarBrand>