2***@qq.com
2***@qq.com
  • 发布:2023-02-28 15:38
  • 更新:2023-02-28 15:49
  • 阅读:445

uni-collapse 两层折叠板,第二层的内容不能撑开第一层

分类:uni-app

代码如下

复制代码<uni-collapse ref="collapse" title-border="none">  
                <uni-collapse-item v-for="(item, index) in info" :title="item.title" :key="index">  
                    <uni-collapse-item v-for="(citem, cindex) in item.child" :title="citem.title" :key="cindex">  
                        <text>{{citem.content}}</text>  
                    </uni-collapse-item>  
                </uni-collapse-item>  
            </uni-collapse>

出现第二层的内容最后一条不能撑开第一层级导致内容被遮住了。为什么说不能撑开第一层级呢,看图可知,全部整体二层内容高度是不变的,可以撑开同级内容,下面的就会被上层内容挡住。不知道怎么解决,寻求各位大佬。
有尝试使用resize(),但是依旧不生效。

2023-02-28 15:38 负责人:无 分享
已邀请:
5***@qq.com

5***@qq.com

第二层再包个uni-collapse试试

  • 2***@qq.com (作者)

    试过了。一样的效果

    2023-02-28 15:51

  • 5***@qq.com

    回复 2***@qq.com: 第二层设置:open="true",可以撑开

    2023-02-28 16:11

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容