kui-vue
Version:
A lightweight desktop UI component library suitable for Vue.js 2.
30 lines (28 loc) • 735 B
Markdown
<cn>
### 简洁模式
设置 `sample` 呈现没有边框的简洁样式。
</cn>
```vue
<template>
<div class="demo-collapse">
<Collapse :openKeys="openKeys" sample>
<CollapsePanel title="Panel title" key="1">
<div>{{ text }}</div>
</CollapsePanel>
<CollapsePanel title="Panel title" key="2">
<div>{{ text }}</div>
</CollapsePanel>
<CollapsePanel title="Panel title" key="3">
<div>{{ text }}</div>
</CollapsePanel>
</Collapse>
</div>
</template>
<script setup>
import { ref } from "vue";
const openKeys = ref(["1"]);
const text = `A long time ago, In a beautiful kingdom,
there lived a young king and queen,
the people loved them so much; `;
</script>
```