跳转到主要内容

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

项目描述

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/14.0/web_responsive/static/img/label_size_small.png https://raw.githubusercontent.com/OCA/web/14.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/14.0/web_responsive/static/img/search_panel.gif

适用于电脑的特性

  • 键盘快捷键用于更容易的导航,使用“Alt + Shift + [键]”组合代替仅Alt + [键]。请参阅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/14.0/web_responsive/static/img/chatter_topbar.gif
  • AppMenu等待动作完成后显示视图

    https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/appmenu.gif
  • 列表视图中始终显示粘性页眉和页脚

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

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

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

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

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

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

目录

使用方法

以下为已实现的键盘快捷键

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

  • 选择应用结果 - Enter

  • Esc 关闭应用抽屉

已知问题/路线图

  • 要在设备上获得完整体验,页面必须以设备屏幕大小加载。这意味着,如果您更改浏览器的大小,您应该重新加载网络客户端以获得该新大小的完整体验。这是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

项目详情


下载文件

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

源代码分发

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

构建分发

odoo14_addon_web_responsive-14.0.1.2.2-py3-none-any.whl (24.1 MB 查看哈希值)

上传时间 Python 3

由以下支持