Skip to content

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

@niening314

Description

@niening314

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions