0.0.6 • Published 8 days ago
@taojimu/mx-spin v0.0.6
@taojimu/mx-spin
内联 loading, 区分全局
my.showLoading
截图
属性
| 属性名 | 类型 | 默认值 | 可选值 | 描述 |
|---|---|---|---|---|
| className | String | - | - | 自定义组件的样式 |
| type | String | ring | ring, dot, spinner | loding 的样式 |
| size | String | medium | large, medium, small | loading 的大小 |
| spinning | Boolean | true | - | 是否显示 loading |
| color | String | rgb(246, 127, 127) | - | loading 的主色 |
插槽介绍
示例
安装
# npm 国内用户可设置淘宝镜像
npm config set registry https://registry.npmmirror.com
npm install @taojimu/mx-spin -S
# yarn
yarn add @taojimu/mx-spin -S{
"usingComponents": {
"mx-spin": "@taojimu/mx-spin/es/mx-spin"
}
}<mx-spin color="blue" size="large"></mx-spin>
<mx-spin />
<mx-spin size="small"></mx-spin>
<mx-spin color="blue" type="dot" size="large" />
<mx-spin type="dot" />
<mx-spin type="dot" size="small" />
<mx-spin color="blue" type="spinner" size="large" />
<mx-spin type="spinner" />
<mx-spin type="spinner" size="small" />ChangeLog
0.0.6
- 🌟 适配折叠屏