Comments (15)
总结来说,就是左边的Menu单独滚动,右边的部分,应该在面包屑下面正文滚动。
from ant-design-pro.
这个有道理分享一个我见过点得最爽的页面
http://coreui.io/demo/React_Demo/#/dashboard
from ant-design-pro.
这个其实是一种设计抉择,并不是说哪一种就一定更好。例如 https://adminlte.io/preview 就是和我们类似,当然也有 admin 是和 @lawrence-peng 描述的一致。我们会再内部讨论一下,后面会推出更多布局配置。
from ant-design-pro.
这个具体指的是?
from ant-design-pro.
比如说:dashboard->分析页
滚动条应该控制在分析页里出现,而不是在body出现,如果在body出现,那么menu也跟着滚动,我觉得这对用户来说是不希望这样的
from ant-design-pro.
嗯,同意 @lawrence-peng 的观点,左边的菜单和顶部的菜单部分,应该固定住。
建议页面布局:
- 整体分上下两部分,上面是 logo 跟一些必要的、跟左边菜单不一样的导航菜单。这部分固定不动。
- 下面又分左右两部分:左边是菜单,右边是页面变更的主要区域。左边的菜单和右边的内容部分,单独滚动。
from ant-design-pro.
如果能参考 adminlte 的可配置的方式,当然就更加完美了,adminlte 可配置菜单的上面部分和左面是否固定,另外还可以换肤。这些功能都加上的话,那就太太太太....赞了,希望能参考一下 adminlte 的这种可配置的方式。
adminlte 的配置,大概是这样子的:
Layout Options
Fixed layout
Activate the fixed layout. You can't use fixed and boxed layouts together
from ant-design-pro.
@tryrefine 这块在我们的计划中。
from ant-design-pro.
哦,那就好,那就好,期待越来越强大越来越完美,感谢你们!
from ant-design-pro.
左边菜单和导航条是否滚动做成可配置的多好呀,期待期待。。。
from ant-design-pro.
期待
from ant-design-pro.
#717 二期中有个子选项实现了这个功能
from ant-design-pro.
在设计**上我个人觉得还是antd pro要好很多,界面的组织和模块化这方面也强很多,加强一些配置就很好了。
from ant-design-pro.
v2版本会解决。
尽请期待
from ant-design-pro.
确实~ 这个暂时只能自己调整css弄了
from ant-design-pro.
Related Issues (20)
- 🐛 [BUG] 打包指定UMI_ENV无效 HOT 1
- 🧐[问题 | umi-ui创建模板出错
- 如何把 procomponents 中的字体设置出来
- 🧐[问题 | question]使用rootContainer 在最外层包裹一个Provider后,怎么才能在这个provider中获取initialState
- 🧐[问题 | question] 怎么设置 自定义 header 的border-block-end HOT 1
- 🧐[问题 | question] Header Token 可以设置背景为图片吗
- 🧐[问题 | question] 我部署到服务器,刷新后提示找不到页面 HOT 3
- 🧐[问题 | Need a Dockerfile] HOT 1
- 👑 [需求 | Feature]希望openAPI配置是一个数组时,mock的数据可以分目录
- 🐛 [BUG] dynamicImport配置报错
- 🧐[问题 | question] ant design pro如何自定义Header,并且允许Header不是固定在上方。
- 🧐[问题 | question]umi/max 在app.tsx设置菜单侧边背景色colorMenuBackground未生效
- 🐛 [BUG]通过npm run build生成的index.html入口文件中,使用了绝对地址.
- antd pro 的 ProLayout组件 错误边界页面出现时,路由无法切换 🐛 [BUG]
- 这个工程后面还会继续维护吗? 以及后期的版本计划,麻烦告知一下 ,因为正在做选型,感谢 HOT 1
- The operation bar in the list cannot adaptively display list items based on the content of the column, resulting in a single row display
- 🧐[问题 | question] HOT 1
- 想灵活的加一些功能 可惜 咋技术不高 不知道在哪里添加
- 🐛 [BUG] HOT 1
- upload组件上传失败后hover出现异常代码
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ant-design-pro.