PanJiaChen / vue-element-admin

:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin
MIT License
88.12k stars 30.49k forks source link

页面布局的几点建议,作者看恰当否? #1085

Open guoguolong opened 6 years ago

guoguolong commented 6 years ago

我一直是AdminLTE2的老用户 https://adminlte.io/ 转Vue之后,看到vue-element-admin有相当好的底子,是否也可以借鉴AdminLTE2的一些设计,罗列如下:

  1. AdminLTE2 页面布局我个人更推崇,原因是:顶部的bar占宽100%,可以放置LOGO;vue-element-admin左右布局,感觉有点断头
  2. vue-element-admin虽然也有页顶bar,不过右上角的示例不如 AdminLTE2的实用。
  3. 顶部bar上的sidebar-toggle,点击后隐藏左侧菜单的设计:点击隐藏后,图标旋转了90度,我个人认为设计过于花哨,能否取消?
  4. AdminLTE2的aside默认尺寸是230px(视觉经验里一个经典的值),而vue-element-admin的aside的尺寸为180px,设计上的考虑是什么呢?

我自己的系统都修改了遵从上述设计,一眼看去更大气:) 不知道大家对这个问题怎么看?有没有必要让主仓库遵循上述风格? 如有不当,请多多指正

PanJiaChen commented 6 years ago
  1. 这个会在下个版本中优化的。
  2. 顶bar 这个众口难调吧。
  3. 不准备取消,可以自行调整。
  4. 230px 这也没有绝对的标准吧,我看很多在售的管理后台它们各种大小都有。
guoguolong commented 6 years ago

thanks

moonose commented 6 years ago

固定topbar感觉比较实用~~

edwinhuish commented 6 years ago

topbar 确实很多场景都会用到。。

不过确实topbar比较众口难调,有喜欢直接topbar menu 的,有做成popover 的topbar,也有仅仅是一列按钮,点击切换侧边栏的。

建议@PanJiaChen 做个顶栏按钮,可以切换侧边栏的。

另外,切换主题颜色的,希望将顶栏的颜色一并更换,整体会更美观。

nabaonan commented 6 years ago

这个确实,我们公司就是popover的形式,但是一般好像都是左侧导航上部是切换吧如果没有顶部切换,那么左侧导航得好多,看起来复杂一些

edwinhuish commented 6 years ago

我也是比较喜欢popover的形式,看起来很清爽,很好看。

不过popover有个问题,就是受屏幕横向宽度限制,顶级菜单不能有太多。而且popover的内容自定义方式太多

luoshiwei commented 6 years ago
  1. 这个会在下个版本中优化的。
  2. 顶bar 这个众口难调吧。
  3. 不准备取消,可以自行调整。
  4. 230px 这也没有绝对的标准吧,我看很多在售的管理后台它们各种大小都有。

对于第1点,您说下个版本会优化,请问是什么时候优化好?我等着这个布局急用,感谢。

15036900300 commented 6 years ago

我也觉得顶部可以放置一个logo比较好,这个显得比较美观一些,不然给人的视觉好像不连贯

csxuyang commented 6 years ago

期待下一版本优化,顶部bar在传统项目中比较实用

bjyuxiao commented 5 years ago

顶下topbar

ycycorona commented 5 years ago

topbar+1

niezuxue commented 5 years ago

topbar+1

Guorisy commented 3 years ago

2021年,topbar目前暂未支持

Alone-Michael commented 2 years ago

2022年 topBar暂未支持