【报Bug】nvue的waterfall 设置column-count 不起作用

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 11.6.6

第三方开发者工具版本号： 1.06.2405020

基础库版本号： 3.5.0

项目创建方式： CLI

CLI版本号： 3.0

示例代码：

<template>  
  <waterfall column-count="2" column-width="auto">  
    <cell v-for="num in lists" >  
      <text>{{num}}</text>  
    </cell>  
  </waterfall>  
</template>  
<script>  
  export default {  
    data () {  
      return {  
        lists: ['A', 'B', 'C', 'D', 'E']  
      }  
    }  
  }  
</script>  
<style></style>

操作步骤：

克隆项目 https://uni-helper.js.org/vitesse-uni-app

新建页面，复制代码片段 https://zh.uniapp.dcloud.io/component/waterfall.html

打开页面

预期结果：

显示2列

实际结果：

显示一列

bug描述：

项目式通过github上一个脚手架项目（https://uni-helper.js.org/vitesse-uni-app）创建的。

https://zh.uniapp.dcloud.io/component/waterfall.html 按照这个最简单的例子来的，设置了column-count为0，ABCDE仍然全部显示在一排，搜遍了google，baidu，也请教了AI，一个星期了都没有解决。不知道是没有使用对，还是有BUG

请问有没有关于nvue waterfall完整的例子，最好是包含图文的。

谢谢！

2024-07-22 23:00 负责人:无分享

1 个回复

DCloud_UNI_JBB

这个组件是 app端nvue专用组件，你不能用在小程序端。

要回复问题请先登录或注册

【报Bug】nvue的waterfall 设置column-count 不起作用

示例代码：

`<template> <waterfall column-count="2" column-width="auto"> <cell v-for="num in lists" > <text>{{num}}</text> </cell> </waterfall> </template> <script> export default { data () { return { lists: ['A', 'B', 'C', 'D', 'E'] } } } </script> <style></style>`

操作步骤：

克隆项目 https://uni-helper.js.org/vitesse-uni-app

新建页面，复制代码片段 https://zh.uniapp.dcloud.io/component/waterfall.html

打开页面

预期结果：

显示2列

实际结果：

显示一列

bug描述：

1 个回复

公告

相关问题

【报Bug】nvue的waterfall 设置column-count 不起作用

示例代码： <template> <waterfall column-count="2" column-width="auto"> <cell v-for="num in lists" > <text>{{num}}</text> </cell> </waterfall> </template> <script> export default { data () { return { lists: ['A', 'B', 'C', 'D', 'E'] } } } </script> <style></style>

操作步骤： 克隆项目 https://uni-helper.js.org/vitesse-uni-app 新建页面，复制代码片段 https://zh.uniapp.dcloud.io/component/waterfall.html 打开页面

预期结果： 显示2列

实际结果： 显示一列

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`<template> <waterfall column-count="2" column-width="auto"> <cell v-for="num in lists" > <text>{{num}}</text> </cell> </waterfall> </template> <script> export default { data () { return { lists: ['A', 'B', 'C', 'D', 'E'] } } } </script> <style></style>`

操作步骤：

克隆项目 https://uni-helper.js.org/vitesse-uni-app

新建页面，复制代码片段 https://zh.uniapp.dcloud.io/component/waterfall.html

打开页面

预期结果：

显示2列

实际结果：

显示一列