@taojimu/mx-spin
v0.0.6
Published
taojimu miniapp components
Downloads
165
Readme
@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
- 🌟 适配折叠屏