Open csr632 opened 3 years ago
Slider
https://riddle.alibaba-inc.com/riddles/d98f5313
父容器变宽的时候,会暴露出右边的item。
左侧导航可以展开/收起
收起导航时,会暴露出右边的slide item。
slide item 的宽度使用js控制,可以理解,因为它要响应props中的数据的变化。是否可以增加一个模式,一屏只展示一个item,这样就可以不用js来控制slide item 的宽度,完全使用css的自适应宽度。
slider要监听容器变化,当容器大小发生改变时,调整大小
临时方案:Slider组件上有个静态方法resize, 针对你的场景你可以选择合适的时机去掉用
resize
Component
Slider
Reproduction link
https://riddle.alibaba-inc.com/riddles/d98f5313
Steps to reproduce
父容器变宽的时候,会暴露出右边的item。
实际场景
左侧导航可以展开/收起
收起导航时,会暴露出右边的slide item。
修复建议
slide item 的宽度使用js控制,可以理解,因为它要响应props中的数据的变化。是否可以增加一个模式,一屏只展示一个item,这样就可以不用js来控制slide item 的宽度,完全使用css的自适应宽度。