wait-for-a-ha
等一哈!!!
安装命令同样肥肠简单
$ npm install --save wait-for-a-ha
同样随时发布,请保持更新
同样使用过程中如果有小小的bug也不要着急,不要试图联系我,联系到我我也不准备改
再次撒花~~~
一个简陋的文档
waitA
基础样式:
削微风骚一点的样式:
初始状态从左到右三个小球分别记做ABC,详细参数列表如下:
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
scale | 用于设置组件大小,该值为缩放比例,本组件原始为 100*100,若 scale 值设置为3,则渲染组件大小为 300*300 | number | - | 1 |
border | 小球是否有边框 | boolean | - | true |
radius | 用于设置小球大小,该值为缩放比例;小球原始半径为 5,若 radius 值设置为2,则渲染小球半径为 10;若 radius 值设置为 [1, 2, 1],则渲染小球半径分别为 5,10,5 | number/array | - | [1, 1, 1] |
colorA | 小球A填充颜色 | String | - | #000000 |
borderColorA | 小球A边框颜色,若 border 为 false,此值无效 | String | - | #000000 |
colorB | 小球B填充颜色 | String | - | #000000 |
borderColorB | 小球B边框颜色,若 border 为 false,此值无效 | String | - | #000000 |
colorC | 小球C填充颜色 | String | - | transparent |
borderColorC | 小球C边框颜色,若 border 为 false,此值无效 | String | - | #000000 |
waitB
基础样式:
削微风骚一点的样式:
与前文一致,ABC分别代表左中右三个球,详细参数列表如下:
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
scale | 用于设置组件大小,该值为缩放比例,本组件原始为 100*100,若 scale 值设置为3,则渲染组件大小为 300*300 | number | - | 1 |
radius | 用于设置初始小球大小,该值为缩放比例;小球原始半径为 5,若 radius 值设置为2,则渲染小球半径为 10;若 radius 值设置为 [1, 2, 1],则渲染小球半径分别为 5,10,5 | number/array | - | [1, 1, 1] |
reRadius | 用于设置变化后小球大小,除却小球原始半径为 6,其余用法与上文一致, | number/array | - | [1, 1, 1] |
colorA | 小球A填充颜色 | String | - | #000000 |
colorB | 小球B填充颜色 | String | - | #000000 |
colorC | 小球C填充颜色 | String | - | #000000 |
waitC
基础样式:
削微风骚一点的样式:
聪明的你眉头一皱,发自内心的感叹脱口而出“cnm你玩呢,这不是跟waitA一样吗”。
我可以告诉你,没错尽管各个参数名称、默认值、使用方法都一样,但这两组还是削微有一点小小的区别的。
详细参数列表见 waitA。