test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-05 13:28:49 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix: 修复列表组件移动端默认样式

Browse Source
This commit is contained in:
zhangtao07 2024-05-08 10:52:22 +08:00
parent e721d746f5
commit 6f450e55cb
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/amis/src/renderers/Cards.tsx
View File

@ -962,7 +962,8 @@ export default class Cards extends React.Component<GridProps, object> {
env, env,
id, id,
wrapperCustomStyle, wrapperCustomStyle,
themeCss themeCss,
mobileUI
} = this.props; } = this.props;
this.renderedToolbars = []; // 用来记录哪些 toolbar 已经渲染了，已经渲染了就不重复渲染了。 this.renderedToolbars = []; // 用来记录哪些 toolbar 已经渲染了，已经渲染了就不重复渲染了。
@ -1003,8 +1004,8 @@ export default class Cards extends React.Component<GridProps, object> {
if (style?.gutterY >= 0) { if (style?.gutterY >= 0) {
itemStyles.marginBottom = style?.gutterY + 'px'; itemStyles.marginBottom = style?.gutterY + 'px';
} }
// 修正grid多列计算错误 // 修正grid多列计算错误，另外移动端目前只显示一列
if (columnsCount && !masonryLayout) { if (columnsCount && !masonryLayout && !mobileUI) {
itemStyles.flex = `0 0 ${100 / columnsCount}%`; itemStyles.flex = `0 0 ${100 / columnsCount}%`;
itemStyles.maxWidth = `${100 / columnsCount}%`; itemStyles.maxWidth = `${100 / columnsCount}%`;
} }