花了一周时间优化react-admin-plus，现在终于准备好了

今天是2021年的最后一天，花了一周时间优化react-admin-plus。一个小舞台已经完成，算是一个不错的结局。我得从去年说起。那时候刚学react。看了官方文档，做了几个小demo。觉得好写，好写。古语叫纱布擦屁股。写一个admin开源项目，看看市面上类似的项目，然后开始整理。一开始我做的是react-admin-plus1.0。我以为上线之后会有很多粉丝来膜拜我。出乎意料的是，我没有得到很多回应。得到的是：还有：后来静下心来好好审视自己的项目，发现问题很多，比如屏幕适配，还有一些花哨的功能，比如这个渐变的登录页，我决定优化一下。我首先优化的是这个登录页面。我把背景颜色改了，改成这样：不信，这个背景是100%用css写的。这是我之前看到的一个宝藏级网站。它是由一位孟加拉产品设计师打造的，里面有很多材料。有需要的可以去看看：链接二、我优化了左边的菜单。首先增加了左侧导航的快捷切换按钮，可以控制导航的展开和收起，更加方便（之前放在全局设置中）。然后添加字体图标。这里的icon必须绑定在icon属性下。如果自己写在className属性上，菜单关闭时组件将无法识别图标，样式也会混乱。具体写法如下：{/*首页导航*/}{MENU_LIST.map((el:NavItem)=>{let{key,name}=el;return}onClick={()=>clickMenuItem(el)}>{name}})}第三点我优化了头部网站，我觉得这里有很多扩展比如加一些全局搜索或者消息通知，所以加了header，加了头像，用户名，还有一些功能按钮，然后觉得ant-ui标签页太大了，所以我调整了标签的样式，最后在底部变成了这个样子，是移动端的适配。菜单位于侧滑中。进入主页时，我可以判断一个已登录的设备。我特意封装了一个方法放在我的开源项目h5-api中，有兴趣的可以去star。这里有一个问题没有解决，就是当打开的标签太多时，标签页不会随着激活的标签滚动，所以我限制了一下，当打开的标签超过4个时，我将关闭第一个打开的。如果谁知道怎么解决，可以提交pr给我。我已经将所有代码上传到我的github，完全开源，免费商用。开源地址不易，给个star吧！！最后衷心感谢以上所有插件的作者TypeScriptreactreact-router-domant-uimobxsassgh-pagesechartssecharts-for-reactcopy-to-clipboardreact-amapbraft-editor大家好，我是凤凰城下的小码农，你们可以关注我的同名vx公司【凤凰城下的小码农】获取更多实用技术文章。