跳转到主要内容

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

项目描述

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

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

适用于所有设备的特性

  • 带有应用抽屉的新导航

    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://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

适用于电脑的特性

  • 键盘快捷键用于更容易的导航,使用“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/12.0/web_responsive/static/img/chatter_topbar.gif
  • AppMenu等待动作完成后显示视图

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

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

    https://raw.githubusercontent.com/OCA/web/12.0/web_responsive/static/img/formview.gif
  • 在移动设备上显示关注者和发送按钮。头像被隐藏。

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

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

    https://raw.githubusercontent.com/OCA/web/12.0/web_responsive/static/img/big_checkboxes.gif

目录

用法

以下实现了以下键盘快捷键

  • 切换应用抽屉 - Alt + Shift + A

  • 导航应用搜索结果 - 光标键

  • 选择应用结果 - Enter

  • Esc 关闭应用抽屉

您还可以使用 Alt + Shift + U 访问用户菜单

已知问题/路线图

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

  • 使用键盘导航应用。

  • 让它变得更漂亮。或许可以加入 OCA 品牌?

  • 以更好的方式处理表单上的长标题

错误追踪器

错误在 GitHub Issues 上追踪。如果遇到问题,请检查您的错误是否已被报告。如果是您首先发现的,请通过提供详细和受欢迎的 反馈 来帮助我们解决问题。

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

致谢

作者

  • LasLabs

  • Tecnativa

  • Alexandre Díaz

贡献者

维护者

本模块由 OCA 维护。

Odoo Community Association

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

本模块是 GitHub 上的 OCA/web 项目的一部分。

欢迎您贡献力量。有关如何贡献的信息,请访问 https://odoo-community.org/page/Contribute

项目详情


发布历史 发布通知 | RSS 源

下载文件

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

源代码发行版

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

构建发行版

odoo12_addon_web_responsive-12.0.2.4.1-py3-none-any.whl (14.7 MB 查看哈希值)

上传时间 Python 3

支持者

AWS AWS 云计算和安全赞助商 Datadog Datadog 监控 Fastly Fastly CDN Google Google 下载分析 Microsoft Microsoft PSF 赞助商 Pingdom Pingdom 监控 Sentry Sentry 错误日志 StatusPage StatusPage 状态页面