uniapp collapse高度
时间: 2023-09-15 15:22:04 浏览: 215
uniapp swiper 图片高度根据图片宽度自适应+通过选项卡跳到锚点位置+滑动到某个要素位置添加事件
5星 · 资源好评率100%
在使用uniapp中的collapse组件时,可以通过设置collapse的高度来控制折叠面板的显示高度。可以采用以下两种方式来设置collapse的高度:
1. 通过设置collapse组件的height属性来指定高度值,例如:
```html
<template>
<div>
<uni-collapse :height="200">
<!-- collapse内容 -->
</uni-collapse>
</div>
</template>
```
在上述代码中,将collapse的高度设置为200px。
2. 通过样式表CSS来设置collapse组件的高度,例如:
```html
<template>
<div>
<uni-collapse class="custom-collapse">
<!-- collapse内容 -->
</uni-collapse>
</div>
</template>
<style>
.custom-collapse {
height: 200px;
}
</style>
```
在上述代码中,通过自定义样式类custom-collapse来设置collapse的高度为200px。
需要说明的是,以上两种方式都可以用来设置collapse组件的高度,你可以根据具体需求选择适合的方式来实现。
阅读全文