Skip to content
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.

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

nut-grid 组件 设置square后 gutter 参数异常 #3236

Open
niening314 opened this issue Dec 14, 2024 · 0 comments
Open

nut-grid 组件 设置square后 gutter 参数异常 #3236

niening314 opened this issue Dec 14, 2024 · 0 comments

Comments

@niening314
Copy link

NutUI 包名

@nutui/nutui

NutUI 版本号

4.3.13@latest

平台

h5

重现链接

https://nutui.jd.com/playground/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICA8bnV0LWdyaWQgc3F1YXJlIDpndXR0ZXI9XCIxMFwiPlxuICAgIDxudXQtZ3JpZC1pdGVtIHRleHQ9XCJ0ZXh0XCI+PERvbmdkb25nIC8+PC9udXQtZ3JpZC1pdGVtPlxuICAgIDxudXQtZ3JpZC1pdGVtIHRleHQ9XCJ0ZXh0XCI+PERvbmdkb25nIC8+PC9udXQtZ3JpZC1pdGVtPlxuICAgIDxudXQtZ3JpZC1pdGVtIHRleHQ9XCJ0ZXh0XCI+PERvbmdkb25nIC8+PC9udXQtZ3JpZC1pdGVtPlxuICAgIDxudXQtZ3JpZC1pdGVtIHRleHQ9XCJ0ZXh0XCI+PERvbmdkb25nIC8+PC9udXQtZ3JpZC1pdGVtPlxuICAgIDxudXQtZ3JpZC1pdGVtIHRleHQ9XCJ0ZXh0XCI+PERvbmdkb25nIC8+PC9udXQtZ3JpZC1pdGVtPlxuICAgIDxudXQtZ3JpZC1pdGVtIHRleHQ9XCJ0ZXh0XCI+PERvbmdkb25nIC8+PC9udXQtZ3JpZC1pdGVtPlxuICAgIDxudXQtZ3JpZC1pdGVtIHRleHQ9XCJ0ZXh0XCI+PERvbmdkb25nIC8+PC9udXQtZ3JpZC1pdGVtPlxuICAgIDxudXQtZ3JpZC1pdGVtIHRleHQ9XCJ0ZXh0XCI+PERvbmdkb25nIC8+PC9udXQtZ3JpZC1pdGVtPlxuICA8L251dC1ncmlkPlxuPC90ZW1wbGF0ZT5cbjxzY3JpcHQgc2V0dXAgbGFuZz1cInRzXCI+XG5pbXBvcnQgeyBEb25nZG9uZyB9IGZyb20gJ0BudXR1aS9pY29ucy12dWUnXG48L3NjcmlwdD5cbiJ9

重现步骤

<template>
  <nut-grid square :gutter="10">
    <nut-grid-item text="text"><Dongdong /></nut-grid-item>
    <nut-grid-item text="text"><Dongdong /></nut-grid-item>
    <nut-grid-item text="text"><Dongdong /></nut-grid-item>
    <nut-grid-item text="text"><Dongdong /></nut-grid-item>
    <nut-grid-item text="text"><Dongdong /></nut-grid-item>
    <nut-grid-item text="text"><Dongdong /></nut-grid-item>
    <nut-grid-item text="text"><Dongdong /></nut-grid-item>
    <nut-grid-item text="text"><Dongdong /></nut-grid-item>
  </nut-grid>
</template>
<script setup lang="ts">
import { Dongdong } from '@nutui/icons-vue'
</script>

期望的结果是什么?

间距是10的同时 宫格为正方形

实际的结果是什么?

间距失效

环境信息

No response

其他补充信息

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant