变相大小帮助器

沃尔多 添加:窗口调整帮助大小

使用量

在您将此添加到您的项目后, 屏幕状态可以作为全球状态在redux商店中提供 .

来了! 说明 屏幕对象内值与 设备/ 显示大小,而不是浏览器大小.

这个 layoutViewport 对象包含带有滚动条的浏览器大小.

这个 page 对象包含没有滚动条的浏览器大小。 注意滚动条 Width 可用于 page.scrollbarWidth。 。 。 .

这个 content 对象包含宽度和偏移 content-area 元素(区块在其中)。 当您要确定工具栏/ 侧边栏的宽度和上面所显示的高度时, 这样做很有用 content-area。 。 。 .

这个 visualViewport 对象包含大小 视觉取景端。请注意,视觉取景口在缩放/出时正在发生变化.

screen : {
   os: String, // This are all the posible values: ['mac', 'ios', 'windows', 'android', 'linux', 'mobile', 'unknown']
   hasTouchScreen: Boolean
   browserToolbarHeight : Number
   availHeight: Number,
   availWidth: Number,
   height: Number,
   width: Number,
   colorDepth: Number,
   orientation: {
      angle: Number,
      type: String, // https://developer.mozilla.org/en-US/docs/Web/API/ScreenOrientation/type
   },
   pixelDepth: Number,
   layoutViewport = {
      height: Number,
      width: Number,
   },
   page: {
      height: Number,
      width: Number,
      scrollbarWidth: Number,
   },
   content = {
      width: Number,
      offsetTop: Number,
      offsetLeft: Number,
   },
   visualViewport: {
      height: Number,
      width: Number,
      scale: Number,
      offsetLeft: Number,
      offsetTop: Number,
      pageLeft: Number,
      pageTop: Number,
   }
}

## Getting started

### Try volto-resize-helper with Docker

      git clone https://github.com/eea/volto-resize-helper.git
      cd volto-resize-helper
      make
      make start

Go to http://localhost:3000

`make start` now defaults to Volto 18. To run the same setup against Volto 17, use:

      VOLTO_VERSION=17 make
      VOLTO_VERSION=17 make start

### Add volto-resize-helper to your Volto project

1. Make sure you have a [Plone backend](https://plone.org/download) up-and-running at http://localhost:8080/Plone

   ```Bash
   docker compose up backend

1. 启动 Volto 前端

• 如果你已经有伏尔托项目,只需更新 package.json数字 :

  "dependencies": {
      "@eeacms/volto-resize-helper": "*"
  }
  

财务报告和审定财务报表 volto.config.js数字 :

const addons = ['@eeacms/volto-resize-helper'];

• 如果没有,请按照Plone官方文件对Volto 18+的建议,用 Cookieplone 创建一个:

  uvx cookieplone project
  cd project-title
  

1. 安装或更新依赖关系,然后启动项目 :

   make install
   

   对于 Cookieplone 项目, 在单独的终端中启动后端和前端 :

   make backend-start
   make frontend-start
   

   对于一个遗留下来的Volto 17项目,安装软件包 yarn 并像往常一样重新启动前端.

2. 转到 http://localhost:3:00

3. 剪辑愉快!

释放

见 发 言。 。 。 .

如何捐款

见 发达国家d。 。 。 .

版权和许可证

原始守则的初始所有人是欧洲环境署. 所有权利保留.

见 利比里亚 详细情况.

供资

欧洲环境署(欧盟)