1.0.3 • Published 3 years ago
yang-component-ui v1.0.3
sss
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Lints and fixes files
npm run lint
Customize configuration
使用说明书
暂时只上传了三个组件,分别为横向表格、水波球与数字翻滚。使用示例如下:
1、横向表格
<y-col-table :table-title="tableTitle" :table-value="tableValue" :table-list="tabledata" :col="col">
<template slot="12">
<div>具名插槽第一行第二列</div>
</template>
<template slot="34">
<div>具名插槽第三行第四列</div>
</template>
</y-col-table>
参数列表如下:
tableTitle: ['姓名', '性别', '民族', '身份证号', '生源地', '户口性质', '户籍地址',
'手机号码', '家庭地址', '是否双困生', '毕业院校', '学制', '所学专业名称',
'是否属于师范类', '毕业时间', '邮箱', '报道地区', '家庭电话'],
tableValue: ['name', 'sexName', 'nationName', 'idCard', 'sourceAreaCity',
'censusTypeName', 'censusAddr', 'mobile', 'homeAddr', 'isDoubledifficulties',
'school', 'educationSystemName', 'major', 'isTeacherschool', 'graduationTime',
'email', 'reporAreaCity', 'homePhone'],
tabledata: {
name: 'name',
sexName: 'sexName',
nationName: 'nationName',
idCard: 'idCard',
sourceAreaCity: 'sourceAreaCity',
censusTypeName: 'censusTypeName',
censusAddr: 'censusAddr',
mobile: 'mobile',
homeAddr: 'homeAddr',
isDoubledifficulties: 'isDoubledifficulties',
school: 'school',
educationSystemName: 'educationSystemName',
major: 'major',
isTeacherschool: 'isTeacherschool',
graduationTime: 'graduationTime',
email: 'email',
reporAreaCity: 'reporAreaCity',
homePhone: 'homePhone'
},
col: 6,
colWidth: [120, 140, 120, 240],
tableStyle: {
color: 'red'
},
2、水波球
<y-wave-ball waveName="水波球" />
3、数字滚动
<y-num-scroll :number='shuzi' :maxLength='maxLength' :numberStyle='numberStyle' />
参数列表:
shuzi: 123456,
maxLength: 8,
numberStyle: {
color: 'red'
},