Skip to content

fix: 修复加载错误时图片占位样式问题 #329

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
carolin913 merged 2 commits into from
Dec 8, 2025
Merged

fix: 修复加载错误时图片占位样式问题 #329

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
809ec3a
fix: 修复加载错误时图片占位样式问题
LeonardoSya Nov 25, 2025
318a8de
fix: fix space item textAlign center
LeonardoSya Nov 26, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions src/image/image.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,10 @@ export default class Image extends Component<ImageProps> {
:host {
display: inline-flex;
}
.t-image__wrapper {
width: 100%;
height: 100%;
}
`,
];

Expand Down
5 changes: 5 additions & 0 deletions src/space/space.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,9 +61,14 @@ export default class Space extends Component<SpaceProps> {
this.renderGap = `${this.props.size}px`;
}

// 由于space-item继承space的width:100%，space竖向布局时无法使space-item里面的内容水平居中。因此这种情况下需要textAlign:center
const centerVerticalStyle =
this.props.direction === 'vertical' && this.props.align === 'center' ? { textAlign: 'center' } : {};

this.renderStyle = {
gap: this.renderGap,
...(this.props.breakLine ? { flexWrap: 'wrap' } : {}),
...centerVerticalStyle,
...this.props.innerStyle,
};
}
Expand Down
Loading