0.1.0 • Published 5 years ago

@mu-ui/mu-collapse v0.1.0

Weekly downloads
1
License
MIT
Repository
-
Last release
5 years ago

mu-collapse 折叠面板

安装方式

yarn add @mu-ui/mu-collapse

使用指南

import { Collapse, CollapseItem } from '@mu-ui/mu-collapse'

Vue.component('Collapse', Collapse)
Vue.component('CollapseItem', CollapseItem)

<Collapse :accordion="true">
  <CollapseItem name="1" title="来来来">
    <p v-for="n in 5" :key="n">{{ n }}</p>
  </CollapseItem>
  <CollapseItem name="2" title="去去去">
    <p v-for="n in 10" :key="n">{{ n }}</p>
  </CollapseItem>
  <CollapseItem name="3" title="来去来">
    <p v-for="n in 15" :key="n">{{ n }}</p>
  </CollapseItem>
</Collapse>

mu-collapse Props

参数说明类型默认值
accordion是否手风琴效果Booleanfalse

mu-collapse-item Props

参数说明类型默认值
name唯一标识(必填)String, Number-
title标题String标题
titleColor标题字体颜色String#2c2c2c
arrowColor角标颜色String#8a8a8a
arrowSize角标大小Number16
borderColor边框线条颜色String#ddd

mu-collapse-item Slots

名称说明
header自定义头部