Tencent / Tencent/tdesign-miniprogram

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

Open
#3,294 4 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

💪🏻 enhancement
Dominant language
Vue
Stars
1.8k
Forks
337
Avg merge
1d 21h
Merged PRs (30d)
19

Description

这个功能解决了什么问题

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

你建议的方案是什么

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the t-upload component and reviewing how grid-config controls image layout. Implement a single-row mode that allows horizontal scrolling when more than four images are present, then verify that image widths are not compressed and the surrounding textarea layout remains usable.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.