貌似不能配置填满容器，某些情况下出现超出容器或小于容器

[anzhiyu-c]

[heikaimu]

你看下你是什么版本，如果不是最新的版本就更新下，左右没显示全的BUG在新版本修复了。

[heikaimu]

你如果希望他能全屏幕填满的显示，就用移动端的断点方式。把开始的分辨率设置大一点。比如：

    breakpoints: {
      type: Object,
      default: () => ({
        2000: {
          // when wrapper width < 2000
          rowPerView: 6,
        },
        800: {
          // when wrapper width < 800
          rowPerView: 2,
        },
        500: {
          // when wrapper width < 500
          rowPerView: 1,
        },
      }),
    },

自己多写一个断点，每个断点设置一个列数。

[anzhiyu-c]

https://coding-pages-bucket-415964-8382475-13401-506140-1252701316.cos-website.ap-hongkong.myqcloud.com/#/

可以参考一下这个的实现

[anzhiyu-c]

你如果希望他能全屏幕填满的显示，就用移动端的断点方式。把开始的分辨率设置大一点。比如：

    breakpoints: {
      type: Object,
      default: () => ({
        2000: {
          // when wrapper width < 2000
          rowPerView: 6,
        },
        800: {
          // when wrapper width < 800
          rowPerView: 2,
        },
        500: {
          // when wrapper width < 500
          rowPerView: 1,
        },
      }),
    },

自己多写一个断点，每个断点设置一个列数。

这种方法，其实不太行，因为宽度始终被固定了，某些情况还是无法覆盖到，没发做到《完美适配》😭

[heikaimu]

不会啊，用断点的时候，宽度是失效的，卡片宽度会根据你的列数和屏幕宽度自动计算。你试试就知道了。

------------------ 原始邮件 ------------------ 发件人: @.>; 发送时间: 2024年8月30日(星期五) 下午5:15 收件人: @.>; 抄送: @.>; @.>; 主题: Re: [heikaimu/vue3-waterfall-plugin] 貌似不能配置填满容器，某些情况下出现超出容器或小于容器 (Issue #75)

你如果希望他能全屏幕填满的显示，就用移动端的断点方式。把开始的分辨率设置大一点。比如： breakpoints: { type: Object, default: () => ({ 2000: { // when wrapper width < 2000 rowPerView: 6, }, 800: { // when wrapper width < 800 rowPerView: 2, }, 500: { // when wrapper width < 500 rowPerView: 1, }, }), },
自己多写一个断点，每个断点设置一个列数。

这种方法，其实不太行，因为宽度始终被固定了，某些情况还是无法覆盖到，没发做到《完美适配》😭

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: @.***>

[anzhiyu-c]

[heikaimu]

我在example里面写了一个铺满的列子，你看下，然后检查下代码。

[heikaimu]

目前最新的版本是 2.6.0 ,你检查下是否正确。

[anzhiyu-c]

问题已解决，感谢您为开源社区做出的贡献🙏