qingyou-ui v1.0.1

webqingyou-ui

使用

npm i webqingyou-ui -S

// 导入
import All from 'webqingyou-ui';
Vue.use(All);

//组件调用
/* 
button
 颜色： primary、 success、info、warning、danger
 <slot> 主要按钮、成功按钮、信息按钮、警告按钮、危险按钮 </slot>
 */
<qingyou-btn>默认按钮</qingyou-btn>
<qingyou-btn type="primary">主要按钮</qingyou-btn>

/* 
table
 column: tr th
 data  : tr td

 */
<qingyou-tba :column="column" :data="data"></qingyou-tba>

/* 
loading
 show: true/false 显示/隐藏

 */
<qingyou-loading :show='true'></qingyou-loading>

/* 
page 分页
 page: Number /页数
 clickPage ： callback  /当前页面
 */
<qingyou-page :page="10" @click="clickPage"></qingyou-page>

/* 
progress 进度条
 sht: Number /高度
 percentage ： Number /进度
 type：String  /颜色
 */
<qingyou-progress type="darkorange" :stroke-height="sht" :percentage="percentage1" @click='clickProgress1'> </qingyou-progress>