baidu / amis

前端低代码框架,通过 JSON 配置就能生成各种页面。
https://baidu.github.io/amis/
Apache License 2.0
17.4k stars 2.52k forks source link

将 Wizard向导 组件的 affixFooter 实现改为 position: sticky 方式。 #11005

Closed jinmingpang closed 1 month ago

jinmingpang commented 1 month ago

What

10997

将 Wizard向导 组件的 affixFooter 实现改为 position: sticky 方式。

Why

看了下, 项目内关于 affixFooter 功能的实现,都改成了 position:sticky 方式,但是 Wizard 没有改,还是原来的检测dom方式。因此同步为其他组件相同方案。这样也可以和其他相同吸底的组件一起正常使用。

How

  1. 移除 原有 检测相关的代码
  2. 调整 底部吸底的实现方案(使用 Panel 组件的样式)
  3. 因为 Panel 组件的 Panel-fixedBottom 是放在 Panel-footerWrap 上的,表现正常。但是 Wirzard 组件是放在 Panel-footer 上的。Panel-fixedBottom 背景颜色优先级低于 Panel-footer,导致吸底的时候背景颜色没有。所以调整了下 _panel.scss 定义 .Panel-fixedBottom 样式的位置,增加下权重。
github-actions[bot] commented 1 month ago

👍 Thanks for this! 🏷 I have applied any labels matching special text in your issue.

Please review the labels and make any necessary changes.

2betop commented 1 month ago

thx