ant-design / ant-design/pro-components

👑 [需求]ProCard的gutter,只让中间子组件之间有gap,两边不要gap,怎么实现

Open
#8,932 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

提问前先看看:

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

### 🔩 所属模块或组件

ProCard

### 🥰 需求描述

1
2

此时,页面上展示ProCard1和ProCard2,但是ProCard1的左右和ProCard2的左右都有间距,希望只在ProCard1和2的中间有,两边不需要间距.有间距会导致左边看上去往里让了8px

### ⛰ 功能需求适用场景

### 🧐 解决方案
希望和antd的Row/Col一样,只是中间加间距

### 🚑 其他信息
![图片](https://github.com/user-attachments/assets/e21c032f-00d5-4ff6-ac45-b844f5f1738a)

Contributor guide

Open the contributing guide

Research direction

Start by locating the ProCard implementation and reproducing the nested ProCard example with ghost and gutter={16}. Read how gutter spacing is currently applied; done means the gap remains between adjacent child cards while the outer edges have no extra spacing, matching the requested Row/Col-like behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 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.