Vue-element-admin: 页面布局的几点建议,作者看恰当否?

Created on 10 Sep 2018  ·  13Comments  ·  Source: PanJiaChen/vue-element-admin

我一直是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,设计上的考虑是什么呢?

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

4.0 enhancement in plan

Most helpful comment

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

All 13 comments

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

thanks

固定topbar感觉比较实用~~

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

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

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

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

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

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

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

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

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

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

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

顶下topbar

顶下topbar

topbar+1

topbar+1

Was this page helpful?
0 / 5 - 0 ratings