2***@qq.com
2***@qq.com
  • 发布:2020-09-11 20:40
  • 更新:2020-09-14 09:18
  • 阅读:1048

平板 横屏 tabbar实现方式

分类:uni-app

类似pc端管理软件,平板横屏显示,菜单栏在左侧 目前切换菜单会重新载入 会闪一下 体验比价差 有没有别的比较好的实现方式

2020-09-11 20:40 负责人:无 分享
已邀请:
飞鹏

飞鹏

平板屏幕幅面远小于现在的PC显示器,且长宽比偏向4:3,逻辑分辨率不高,不建议把这种上左右的界面模式直接拿过来。改进建议如下:

  1. 菜单项若低于5项可以使用底部tabbar。
  2. 菜单项若较多则使用左侧抽屉。默认隐藏,滑出点击菜单项后自动收回。既便于左手拇指操作菜单,也不影响主体内容展示。
  3. 淡化界面各部分之间的边界,这样可以避免有限的空间产生碎片感。
  • 2***@qq.com (作者)

    谢谢指导 我试试

    2020-09-14 23:59

  • 2***@qq.com (作者)

    现在点击左侧菜单 会重新刷新闪一下 比较明显 请问有没有别的实现方式比较好?

    2020-09-15 00:33

  • 飞鹏

    回复 2***@qq.com: 左边的菜单项指向是普通的A链接吗?是不是刷新整个页面导致的?

    2020-09-15 11:37

  • 2***@qq.com (作者)

    回复 飞鹏: 对 是刷新页面 但是那个左边的菜单也是公共的组件。是否要吧右侧的所有内容都以组件的方式去做

    2020-09-16 16:01

  • 飞鹏

    回复 2***@qq.com: 移动设备全页面刷新多少都有闪烁,这种迁移本身就很粗糙。如果不能接受就需要做整体重构或者局部重构。可以使用共用组件,局部子页面也可以用单页程序。

    2020-09-16 16:31

  • 2***@qq.com (作者)

    回复 飞鹏: 好的 谢谢指教。我们就是将web程序迁移到移动平板来处理。应该就是全页面刷新的问题

    2020-09-16 17:26

该问题目前已经被锁定, 无法添加新回复