vue-template

Project setup

npm install ph-panel

intro

import {PhPanel, PhPanelGroup} from 'ph-panel'
PhPanel{
    title:{type:String},
    type:{type:String},
    contentHeight:{type:String},
    collapsable:{type:Boolean,default:false},
    collapse:{type:Boolean,default:false}
}

<template>
<ph-panel-group>
    <ph-panel :collapsable="true" :collapse="true" title="你好中国"
    >danger</ph-panel
    >
    <ph-panel :collapsable="true" :collapse="true" title="你好中国"
    >info</ph-panel
    >
    <ph-panel
    :collapsable="true"
    :collapse="true"
    title="你好中国"
    contentHeight="150px"
    >
    阿死了都快减肥撒懒得看阿死掉了飞机撒到了<a>副科级阿死了</a>大家发送大量开发阿死里打飞机撒代理反馈阿死掉了飞机撒
    阿死了都快减肥撒懒得看阿死掉了飞机撒到了<a>副科级阿死了</a>大家发送大量开发阿死里打飞机撒代理反馈阿死掉了飞机撒
    阿死了都快减肥撒懒得看阿死掉了飞机撒到了<a>副科级阿死了</a>大家发送大量开发阿死里打飞机撒代理反馈阿死掉了飞机撒
    阿死了都快减肥撒懒得看阿死掉了飞机撒到了<a>副科级阿死了</a>大家发送大量开发阿死里打飞机撒代理反馈阿死掉了飞机撒
    阿死了都快减肥撒懒得看阿死掉了飞机撒到了<a>副科级阿死了</a>大家发送大量开发阿死里打飞机撒代理反馈阿死掉了飞机撒
    阿死了都快减肥撒懒得看阿死掉了飞机撒到了<a>副科级阿死了</a>大家发送大量开发阿死里打飞机撒代理反馈阿死掉了飞机撒
    阿死了都快减肥撒懒得看阿死掉了飞机撒到了<a>副科级阿死了</a>大家发送大量开发阿死里打飞机撒代理反馈阿死掉了飞机撒
    阿死了都快减肥撒懒得看阿死掉了飞机撒到了<a>副科级阿死了</a>大家发送大量开发阿死里打飞机撒代理反馈阿死掉了飞机撒
    阿死了都快减肥撒懒得看阿死掉了飞机撒到了<a>副科级阿死了</a>大家发送大量开发阿死里打飞机撒代理反馈阿死掉了飞机撒
    阿死了都快减肥撒懒得看阿死掉了飞机撒到了<a>副科级阿死了</a>大家发送大量开发阿死里打飞机撒代理反馈阿死掉了飞机撒
    阿死了都快减肥撒懒得看阿死掉了飞机撒到了<a>副科级阿死了</a>大家发送大量开发阿死里打飞机撒代理反馈阿死掉了飞机撒的看法
    </ph-panel>
    <ph-panel :collapsable="true" :collapse="true" title="你好中国"
    >warning</ph-panel
    >
    <ph-panel :collapsable="true" :collapse="true" title="你好中国"
    >danger</ph-panel
    >
    <ph-panel :collapsable="true" :collapse="true" title="你好"
    >danger</ph-panel
    >
</ph-panel-group>
</template>

在线案例

See 在线案例.