跳转到主要内容

响应式网页客户端,社区支持

项目描述

Production/Stable License: LGPL-3 OCA/web Translate me on Weblate Try me on Runbot

此模块为网页后端添加响应式功能。

适用于所有设备的特性

  • 带有应用抽屉的新导航

    https://user-images.githubusercontent.com/973709/48417193-09a1e080-e74a-11e8-8a0c-e73eb689b2fb.gif
  • 从应用抽屉中快速搜索菜单

    https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif
  • 增加超大屏幕上标签的大小

    https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/label_size_small.png https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/label_size_large.png

适用于手机的特性

  • 当从“汉堡”菜单切换时,应用特定的子菜单在全屏显示

    https://user-images.githubusercontent.com/973709/48417297-51286c80-e74a-11e8-9a47-22c810b18c43.gif
  • 视图类型选择下拉显示舒适

    https://user-images.githubusercontent.com/973709/50964322-e3d55580-14c6-11e9-8249-48db9539600f.gif
  • 顶部应用栏始终可见,但在向下滚动时隐藏控制面板,以节省一些宝贵的垂直空间

    https://user-images.githubusercontent.com/973709/50964496-5cd4ad00-14c7-11e9-9261-fd223a329d02.gif
  • 表单状态栏操作和状态按钮在下拉中折叠。其他控制面板按钮使用图标以节省空间。

    https://user-images.githubusercontent.com/973709/50965446-e08f9900-14c9-11e9-92d6-dda472cb6557.gif
  • 面包屑导航与“返回箭头”按钮折叠

    https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif
  • 在小型屏幕上隐藏搜索面板

    https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/search_panel.gif

适用于计算机的特性

  • 键盘快捷键更容易导航,使用 “Alt + Shift + [key]” 组合代替仅仅是 Alt + [key]。参见 https://github.com/odoo/odoo/issues/30068 了解原因。

    https://user-images.githubusercontent.com/973709/48417578-ff341680-e74a-11e8-8881-017709e912bc.png
  • 打开抽屉时自动聚焦到搜索菜单框

    https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif
  • 在屏幕侧边设置聊天,可选

    https://user-images.githubusercontent.com/973709/48417270-41108d00-e74a-11e8-9172-cba825d027ed.gif
  • 全宽表单单据

    https://user-images.githubusercontent.com/973709/48417428-ac5a5f00-e74a-11e8-8839-5bc538c54c1d.png
  • 粘性聊天顶栏

    https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/chatter_topbar.gif
  • AppMenu等待操作完成以显示视图

    https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/appmenu.gif
  • 列表视图中粘性头部和底部

    https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/listview.gif
  • 表单视图中粘性状态栏

    https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/formview.gif
  • 在手机上显示关注者和发送按钮。头像隐藏。

    https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/chatter.gif
  • 当在侧边部分配置了聊天功能时,文档查看器会填充该部分以便于并排阅读,而不是全屏显示。您仍然可以通过点击新的最大化按钮将其设置为全宽预览。

    https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/document_viewer.gif
  • 列表视图中的更大复选框

    https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/big_checkboxes.gif
  • 可滚动下拉菜单

    https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/dropdown_scroll.gif

目录

使用方法

以下快捷键已实现

  • 导航应用搜索结果 - 方向键

  • 选择应用结果 - Enter

  • Esc 关闭应用抽屉

已知问题/路线图

  • 要在设备上查看完整体验,页面必须加载与设备屏幕大小一致。这意味着,如果您更改浏览器的大小,应该重新加载Web客户端以获得该新大小的完整体验。这是Odoo自身的限制。

  • 使用键盘进行应用导航。

  • 更好地处理表单中的长标题

  • 标准粘性标题在iOS Safari/Chrome上似乎无法正常工作(见 #1626)。

错误追踪器

错误在 GitHub Issues 上跟踪。如果有问题,请检查是否已经报告了您的问题。如果您是第一个发现的人,请通过提供详细且受欢迎的 反馈 来帮助我们解决这个问题。

请不要直接联系贡献者寻求支持或技术问题的帮助。

鸣谢

作者

  • LasLabs

  • Tecnativa

贡献者

维护者

此模块由OCA维护。

Odoo Community Association

OCA,即Odoo社区协会,是一个非营利组织,其使命是支持Odoo功能的协作开发并促进其广泛应用。

当前 维护者

Yajo Tardo

此模块是GitHub上 OCA/web 项目的组成部分。

欢迎您贡献力量。要了解如何操作,请访问 https://odoo-community.org/page/Contribute

项目详情


发布历史 发布通知 | RSS源

下载文件

下载适合您平台的文件。如果您不确定选择哪个,请了解有关安装包的更多信息。

源代码分发

此版本没有可用的源代码分发文件。请参阅生成分发存档的教程。

构建分发

odoo13_addon_web_responsive-13.0.2.8.1-py3-none-any.whl (24.1 MB 查看哈希值)

上传时间 Python 3

支持者