代码拉取完成，页面将自动刷新
基于Vue2.x的PC端组件库，包括表单组件和图表组件。
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| gutter | 列间隔，单位px | number | - | 0 |
| tag | 自定义row元素标签 | string | div |
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| span | 栅格占据的列数(一行总共分为24列) | number | - | 24 |
| tag | 自定义col元素标签 | string | - | div |
| offset | 栅格左侧的间隔格数 | number | - | 0 |
| padding | 栅格内垂直方向上padding，单位px | number | - | 0 |
| name | 说明 |
|---|---|
| default | 内容区域 |
mo-row和mo-col内都有默认的slot承载内容
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| colors | 数据列颜色配置 | array | - | ['#FFCD58','#ACE06F', '#7EE6F2','#6EBBFF', '#FF7348','#B792F7'] |
| series | 数据列 | array | ||
| categories | 类别，对应x轴描述 | array | - | - |
| legend | 图例 | string | circle, square | circle |
| animation | 动画效果，空表示不需要动画 | string | - | easeOutCubic |
| width | 宽，单位px | number | - | 外层容器的宽 |
| height | 高，单位px | number | - | 外层容器的高 |
| type | 折线类型 | number | 1: 直线 2: 曲线 | 2 |
| tip-text | 鼠标悬浮预留提示信息，独行显示 | string | - | - |
| show-tip | 鼠标悬浮显示数据 | boolean | - | true |
| title | 图表标题 | string | - | - |
| comment | 图表注释 | string | - | - |
| is-offset | 是否从坐标原点后面开始绘制 | boolean | - | true |
| show-point | 是否显示曲线坐标点 | boolean | - | false |
series数据项属性
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| name | 系列名称 | string | - | - |
| data | 系列数据 | array | - | - |
| 方法名 | 说明 | 参数 |
|---|---|---|
| legendClick | 图例点击事件 | 被点击的图例名称 |
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| colors | 数据列颜色配置 | array | - | ['#FFCD58','#ACE06F', '#7EE6F2','#6EBBFF', '#FF7348','#B792F7'] |
| series | 数据列 | array | ||
| categories | 类别，对应x轴描述 | array | - | - |
| legend | 图例 | string | circle, square | circle |
| animation | 动画效果，空表示不需要动画 | string | - | easeOutCubic |
| width | 宽，单位px | number | - | 外层容器的宽 |
| height | 高，单位px | number | - | 外层容器的高 |
| tip-text | 鼠标悬浮预留提示信息，独行显示 | string | - | - |
| show-tip | 鼠标悬浮显示数据 | boolean | - | true |
| title | 图表标题 | string | - | - |
| comment | 图表注释 | string | - | - |
| show-value | 是否在柱条上显示数值 | boolean | - | false |
series数据项属性
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| name | 系列名称 | string | - | - |
| data | 系列数据 | array | - | - |
| 方法名 | 说明 | 参数 |
|---|---|---|
| click | 柱子点击事件 | { value: data.value, legend: data.legend, category: data.category } |
| legendClick | 图例点击事件 | 被点击的图例名称 |
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| colors | 数据列颜色配置 | array | - | ['#FFCD58','#ACE06F', '#7EE6F2','#6EBBFF', '#FF7348','#B792F7'] |
| series | 数据列 | array | ||
| categories | 类别 | array | - | - |
| legend | 图例 | string | circle, square | circle |
| animation | 动画效果，空表示不需要动画 | string | - | easeOutCubic |
| width | 宽，单位px | number | - | 外层容器的宽 |
| height | 高，单位px | number | - | 外层容器的高 |
| tip-text | 鼠标悬浮预留提示信息，独行显示 | string | - | - |
| show-tip | 鼠标悬浮显示数据 | boolean | - | true |
| title | 图表标题 | string | - | - |
| comment | 图表注释 | string | - | - |
| 方法名 | 说明 | 参数 |
|---|---|---|
| click | 图形点击事件 | { value: data.value, category: data.category } |
| legendClick | 图例点击事件 | 被点击的图例 |
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| type | 类型 | number | circle、line | circle |
| value | 值 | number | - | - |
| colors | 区间对应的颜色值 | array | - | ['#ACE06F'] |
| color-value | 颜色对应的值区间 | array | - | [1] |
| back-color | 与colors对应的底色值 | array | - | ['#F5F5F5'] |
| name | 说明 |
|---|---|
| default | 默认显示百分比，在圆环内或者在直线上 |
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| title | 内容 | string | - | - |
| text | 内容 | string | - | - |
| actived/v-model | 展开状态 | boolean | - | false |
| disabled | 禁用 | boolean | - | false |
| name | 说明 |
|---|---|
| default | 内容区，优先级高于text |
| title | 标题区 |
| 方法名 | 说明 | 参数 |
|---|---|---|
| switch | 展开收起状态切换 | actived属性值 |
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| height | 最大高度，超出出现滚动条，必填 | number | - | 外层容器高度 |
| width | 最大宽度，超出出现滚动条，必填 | number | - | 外层容器宽度 |
| to-x | 滚动到X轴的具体位置，单位px | number | - | 0 |
| to-y | 滚动到Y轴的具体位置，单位px | number | - | 0 |
| to-index | 滚动到第几个元素 | number | - | - |
不设置
height和width时，要保证外层容器可以取得高或者宽
to-index默认会选中当前slot的最外层元素的第index个子元素，优先级高于scroll-to-y
| 方法 | 说明 | 参数 |
|---|---|---|
| scrollTo(selector) | 滚动到某个dom元素 |
dom的唯一选择器，可以精确定位当前元素 |
| update() | 滚动条内部内容修改后，需要调用该方法手动更新滚动条 | - |
| scrollToX(to) | 水平滚动条滚动到to位置 | 滚动到的位置，单位px |
| scrollToY(to) | 垂直滚动条滚动到to位置 | 滚动到的位置，单位px |
| scrollToIndex(index) | 滚动到第几个元素 | 元素索引，从1开始 |
| name | 说明 |
|---|---|
| default | 内容区域，只能有一个最外层元素包裹内容 |
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
