| | |
|---|
| | | mockXHR() |
|---|
| | | ``` |
|---|
| | | |
|---|
| | | ## 自适应缩放组件 |
|---|
| | | ## |
|---|
| | | |
|---|
| | | ### 注意 |
|---|
| | | ## 公用组件 |
|---|
| | | |
|---|
| | | 封装了除面条外个别用到的组件 |
|---|
| | | |
|---|
| | | ### 自适应缩放组件 |
|---|
| | | |
|---|
| | | #### 注意 |
|---|
| | | |
|---|
| | | 采用Scale方式，会自动给组件父元素添加overflow:hidden |
|---|
| | | |
|---|
| | | ### 使用 |
|---|
| | | #### 使用 |
|---|
| | | |
|---|
| | | ```vue |
|---|
| | | <template> |
|---|
| | |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | ``` |
|---|
| | | ### API |
|---|
| | | |
|---|
| | | #### API |
|---|
| | | |
|---|
| | | | 属性 | 说明 | 类型 | 默认值 | |
|---|
| | | | ------------ | ------------------------------------------------------------ | -------------------------------- | ------ | |
|---|
| | | | selfAdaption | 是否进行自适应 | Boolean | true | |
|---|
| | |
|---|
| | | | fullScreen | 全屏自适应，启用此配置项时会存在拉伸效果，同时autoScale失效，非必要情况下不建议开启 | Boolean | false | |
|---|
| | | | boxStyle | 修改容器样式，如居中展示时侧边背景色，符合Vue双向绑定style标准格式 | Object | null | |
|---|
| | | | wrapperStyle | 修改自适应区域样式，符合Vue双向绑定style标准格式 | Object | null | |
|---|
| | | |
|---|
| | | ## 公用组件 |
|---|
| | | |
|---|
| | | 封装了除面条外个别用到的组件 |
|---|
| | | |
|---|
| | | |
|---|
| | | ### 外边框 |
|---|
| | |
|---|
| | | } |
|---|
| | | ``` |
|---|
| | | |
|---|
| | | ### 胶囊柱图 |
|---|
| | | |
|---|
| | | #### Props |
|---|
| | | |
|---|
| | | | 属性 | 说明 | 类型 | 可选值 | 默认值 | |
|---|
| | | | :----: | :------: | :-------------: | :-----------------------: | :-----: | |
|---|
| | | | data | 柱数据 | `Array<Object>` | [data属性](#data属性) | `[]` | |
|---|
| | | | config | 基础配置 | Object | [config属性](#config属性) | `false` | |
|---|
| | | |
|---|
| | | #### config属性 |
|---|
| | | |
|---|
| | | | 属性 | 说明 | 类型 | 可选值 | 默认值 | |
|---|
| | | | :-------: | :------: | :-------------: | :----: | :-----: | |
|---|
| | | | unit | 单位 | `String` | --- | `''` | |
|---|
| | | | colors | 环颜色 | `Array<String>` | [1] | [2] | |
|---|
| | | | showValue | 显示数值 | `Boolean` | --- | `false` | |
|---|
| | | |
|---|
| | | #### 注释config注释 |
|---|
| | | |
|---|
| | | [1] 颜色支持`hex|rgb|rgba|颜色关键字`等四种类型。 |
|---|
| | | |
|---|
| | | [2] 默认配色为`['#37a2da', '#32c5e9', '#67e0e3', '#9fe6b8', '#ffdb5c', '#ff9f7f', '#fb7293']`。 |
|---|
| | | |
|---|
| | | #### data属性 |
|---|
| | | |
|---|
| | | | 属性 | 说明 | 类型 | 可选值 | 默认值 | |
|---|
| | | | :---: | :------: | :------: | :----: | :----: | |
|---|
| | | | name | 柱名称 | `String` | --- | --- | |
|---|
| | | | value | 柱对应值 | `Number` | --- | --- | |
|---|
| | | |
|---|
| | | ## 中间地图 |
|---|
| | | |
|---|
