CoreUI React v4自定义组件存放路径及移动端logo修改问题
CoreUI v4 React模板使用问题解答
自定义组件存放目录选择
按照CoreUI的默认目录约定以及通用React项目规范,两个目录的分工如下:
/src/views用于存放页面级组件,也就是直接和路由绑定的完整页面入口(比如自带的Dashboard就是典型的页面级组件),页面整体的初始化数据请求、多组件状态整合这类页面级逻辑可以写在这一层的组件里。/src/components用于存放可复用的公共组件,无论组件是否包含数据请求逻辑,只要会在多个页面中被重复引用,就可以放在这个目录下。如果你开发的自定义组件仅在某一个特定页面中使用,也可以直接在对应/src/views/[页面名]目录下新建components子目录存放,无需强行放到根目录的/src/components中。
移动端侧边栏logo修改方法
CoreUI v4的桌面端和移动端侧边栏logo是分开配置的,你修改的/src/components/AppSidebar.js中的<CSidebarBrand />仅作用于桌面端常驻显示的侧边栏,移动端的logo需要修改/src/components/AppHeader.js文件:
找到该文件中<CHeaderBrand />组件的相关配置,替换其中的logo地址、展示内容即可,移动端呼出侧边栏时顶部的logo会同步读取这个组件的配置。
如果修改后仍不生效,可以全局搜索代码库中CSidebarBrand的所有调用位置,除了AppSidebar.js之外的引用位置就是移动端场景的logo配置入口。
内容的提问来源于stack exchange,提问作者Asela
相关产品推荐
相关产品推荐

