简介

折叠卡片组件用于展示可折叠的内容区域，支持点击标题栏展开/收起内容。适用于需要节省空间或分层次展示信息的场景，如FAQ、设置项、详情信息等。

使用方法

局部引入，在需要引入的页面或组件的index.json中配置。

"usingComponents": {
  "fs-collapse-card": "ava-ui/fxui/fs-collapse-card"
}

代码演示

基础用法

最简单的折叠卡片用法，点击标题栏可展开/收起内容：

API

参数

参数	说明	类型	可选值	默认值
title	卡片标题	String	-	''
defaultExpanded	是否默认展开	Boolean	-	false
disabled	是否禁用折叠功能	Boolean	-	false
extStyle	外部自定义样式，透传给fs-card组件	String	-	''

Events

名称	参数	描述
change		展开状态变化时触发

Slots

名称	说明
default	卡片内容

注意事项

1. 禁用状态下无法进行折叠操作
2. 支持通过 extStyle 属性传入的外部样式会透传给内部fs-card组件

打开预览