vue-element-admin icon indicating copy to clipboard operation
vue-element-admin copied to clipboard

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

Open guoguolong opened this issue 5 years ago • 15 comments

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

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

guoguolong avatar Sep 10 '18 09:09 guoguolong

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

PanJiaChen avatar Sep 10 '18 09:09 PanJiaChen

thanks

guoguolong avatar Sep 10 '18 09:09 guoguolong

固定topbar感觉比较实用~~

moonose avatar Sep 11 '18 08:09 moonose

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

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

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

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

edwinhuish avatar Sep 14 '18 16:09 edwinhuish

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

nabaonan avatar Sep 14 '18 20:09 nabaonan

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

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

edwinhuish avatar Sep 15 '18 05:09 edwinhuish

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

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

luoshiwei avatar Sep 22 '18 08:09 luoshiwei

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

15036900300 avatar Oct 10 '18 09:10 15036900300

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

csxuyang avatar Oct 19 '18 01:10 csxuyang

顶下topbar

jiuwuxiaohun avatar Jan 09 '19 07:01 jiuwuxiaohun

顶下topbar

bjyuxiao avatar Jan 30 '19 00:01 bjyuxiao

topbar+1

ycycorona avatar May 15 '19 02:05 ycycorona

topbar+1

niezuxue avatar Nov 04 '19 08:11 niezuxue

2021年,topbar目前暂未支持

Guorisy avatar Feb 01 '21 02:02 Guorisy

2022年 topBar暂未支持

Alone-Michael avatar Jul 06 '22 03:07 Alone-Michael