Tencent / Tencent/tdesign-miniprogram

[grid] 添加属性可以去除左右两侧的边距

Open
#2,403 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

这个功能解决了什么问题

现在的grid是横铺整个屏幕,之后按grid-item的数量平分宽度。
但是现在有一个问题,一些画面在设计的时候,它是在一个容器内,左右两侧是贴边的,没有留下边距,这个时候就不好调整画面的效果。

你建议的方案是什么

添加一个属性,根据属性的不同,调整grid-item的布局。

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 grid component and reviewing how grid-item widths and outer spacing are currently calculated. Compare existing grid examples or tests, if present, and define the property behavior for layouts that should touch both container edges. Done means the new option produces the intended edge-aligned layout without changing the default behavior.

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
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.