Tencent / Tencent/tdesign-miniprogram

[t-row] 希望增加行间距

Open
#1,965 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

这个功能解决了什么问题

循环col时可能需要行间距

你建议的方案是什么

1、<t-row gutter="{{ [ 16, 16 ]}}">
2、<t-row row-gap="16" column-gap="16">

IssueShoot

  • 预估时长: 3
  • 期望完成时间: 2023-11-28 00:00:00 +0000 UTC
  • 开发难度: 中
  • 参与人数: 1
  • 验收标准: 实现期望改造效果,提 PR 并通过验收无误
  • 备注: 最终激励以实际提交 pull request 并合并为准

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-row component and reviewing how it currently handles looping over columns. Compare the proposed gutter and row-gap/column-gap APIs, then verify that the implemented spacing matches the requested effect and the issue’s acceptance criteria.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.