1.0.3 • Published 3 years ago

yang-component-ui v1.0.3

Weekly downloads
-
License
-
Repository
-
Last release
3 years ago

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

See Configuration Reference.

使用说明书

暂时只上传了三个组件,分别为横向表格、水波球与数字翻滚。使用示例如下:
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'
      },
1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago