loading 加载中

Loading（加载中）组件是一种常用的用户界面组件，用于在数据加载过程中向用户展示加载状态，以提升用户体验。该组件通常以动画或状态提示的形式显示，表明系统正在处理请求或加载数据。

Props参数

名称	类型	是否必传	默认值	描述
size	number	否	-	icon 宽高
type	ELoadingType | keyof typeof ELoadingType	否	-	类型
color	string	否	-	颜色
gray	boolean	否	-	灰色调
一般跟组件的diaabled配合

示例

import MMLoading from '~/components/loading'
import MMButton from '~/components/button'
import PageDemoBlock from '../_components/page-demo-block'
import MMPageContainer from '../_components/page-container'

export default () => {
  return (
    <MMPageContainer title="加载中">
      <PageDemoBlock title="不同类型的loading">
        <MMLoading type="spinner" />
        <MMLoading type="fadeDot" />
        <MMLoading type="jelly" />
        <MMLoading type="rotate" />
        <MMLoading type="ball" />
      </PageDemoBlock>

      <PageDemoBlock title="设置尺寸">
        <MMLoading type="spinner" size={36} />
        <MMLoading type="fadeDot" size={36} />
        <MMLoading type="jelly" size={36} />
        <MMLoading type="rotate" size={36} />
        <MMLoading type="ball" size={36} />
      </PageDemoBlock>

      <PageDemoBlock title="与组件配合">
        <MMButton loading>spinner</MMButton>
      </PageDemoBlock>
    </MMPageContainer>
  )
}