search

Tencent / tdesign-miniprogram

A Wechat MiniProgram UI components lib for TDesign.
https://tdesign.tencent.com/miniprogram
MIT License
1.24k stars 280 forks source link

[t-upload] 希望t-upload可以新增单行模式，设置横向滑动 #3294

Open Stevesaixu opened 2 weeks ago

Stevesaixu commented 2 weeks ago

这个功能解决了什么问题

目前当图片超过4张就会换行，无法在单行中容纳更多图片，如果使用grid-config配置了超过4张图片，就会出现每张的宽度被压缩，所以只能接受换行 如果可以支持单行模式，当超过4张图片时，支持可以横向滑动，那么就更方便实现类似小红书笔记编辑页面的功能，图片组件是单行的，就可以不用关心换行的问题，也就可以不用关心textarea在页面中高度变化的问题

你建议的方案是什么

我建议可以支持单行模式，当超过4张图片时，就支持单行滑动

github-actions[bot] commented 2 weeks ago

👋 @Stevesaixu，感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

anlyyao commented 2 weeks ago

@Stevesaixu 感谢反馈，是一个很好的建议 🚀

anlyyao commented 6 days ago

@Stevesaixu 一个目前可用的方案是通过设置 gridConfig ，column 取 0，达到单行滚动，但是不能开启 draggable 属性。 可独立配置单行滚动的 api 会晚些支持，设计测需要先调整一下组件样式

gridConfig: {
  column: 0,
  width: 160,
  height: 160,
},