# @beisen-platform/accordion

> 平台折叠组件

Latest version **0.1.1** (published 2018-11-30) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-platform/accordion
pnpm add @beisen-platform/accordion
yarn add @beisen-platform/accordion
bun add @beisen-platform/accordion
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.1 |
| Published | 2018-11-30 |
| First published | 2018-11-30 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 11.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | beisen |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6 |

## Links

- npm: https://www.npmjs.com/package/@beisen-platform/accordion
- Repository: http://gitlab.beisencorp.com/ux-cnpm/ux-accordion
- npm.io page: https://npm.io/package/@beisen-platform/accordion

## Recent versions

- 0.1.1 (latest) — 2018-11-30

## README

# Accordion使用说明

## 项目简介
本项目为折叠面板（http://nature.beisen.co/spec/naturedesign-1.6.2/#p=折叠面板）。对本项目有任何疑问或建议，欢迎联系~(邮箱：mengshuai@beisen.com)

## 项目运行

1. cnpm install 或 npm install cnpm使用教程

2. npm run dev （开发环境打包 port:8080）

3. npm run test （测试用例）

4. npm run build （生产环境打包）


#  PopLayer参数

```
{
      
      "hidden":true //是否使用组件
      ,children:[
        {

          "panelTitle":"折叠面板01"
          ,content:<h1>xxxxxxxxxxxx</h1> //内容区域调用的组件或者html
          
        },
        {

          "panelTitle":"折叠面板02"
          ,content:'111111'
          
        },
        {
          "panelTitle":"折叠面板03"
          ,content:'111111'
          
        },
        {
          "panelTitle":"折叠面板04"
          ,content:'111111'
          
        },
        {
          "panelTitle":"折叠面板05"
          ,content:'111111'
          
        }
      ]
      ,showIndex: 0 //第几个展开，0为默认为第1个折叠面板展开
    }
  }

```

## Accordion调用方法


1.安装npm组件包

```
npm install @beisen/accordion --save-dev
```

2.引用组件

```
import Accordion from "@beisen/accordion"

```

3.传入参数

  该参数为上述参数，传入方式使用: {...参数}

  ```
  data: {
      
      "hidden":true //是否显示
      ,children:[
        {

          "panelTitle":"折叠面板01"
          ,content:<h1>xxxxxxxxxxxx</h1> //内容区域调用的组件或者html
          
        },
        {

          "panelTitle":"折叠面板02"
          ,content:'111111'
          
        },
        {
          "panelTitle":"折叠面板03"
          ,content:'111111'
          
        },
        {
          "panelTitle":"折叠面板04"
          ,content:'111111'
          
        },
        {
          "panelTitle":"折叠面板05"
          ,content:'111111'
          
        }
      ]
      ,showIndex: 0 //第几个展开，0为默认为第1个折叠面板展开
    }
  
  render () {
    return (
        <Accordion {...this.state.data}/>     
    )
  }
  ```

---
_Source: https://npm.io/package/@beisen-platform/accordion · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._