Spin 加载中

用于页面和区块的加载中状态。

何时使用

页面局部处于等待异步数据或正在渲染过程时，合适的加载动效会有效缓解用户的焦虑。

代码演示

绑定数据源

绑定数据源。

Spin加载中 - 图1

  1. ​
  2. import React from 'react';
  3. import ReactDOM from 'react-dom';
  4. import { DataSet, Form, TextField, NumberField, SelectBox, Switch, Button, Spin } from 'choerodon-ui/pro';
  5. ​
  6. const { Option } = SelectBox;
  7. ​
  8. class App extends React.Component {
  9.  ds = new DataSet({
  10.     primaryKey: 'userid',
  11.     name: 'user',
  12.     autoQuery: true,
  13.     pageSize: 5,
  14.     fields:  [
  15.       {
  16.         name: 'userid',
  17.         type: 'string',
  18.         label: '编号',
  19.         required: true,
  20.       },
  21.       {
  22.         name: 'name',
  23.         type: 'intl',
  24.         label: '姓名',
  25.       },
  26.       {
  27.         name: 'age',
  28.         type: 'number',
  29.         label: '年龄',
  30.         max: 100,
  31.         step: 1,
  32.       },
  33.       {
  34.         name: 'sex',
  35.         type: 'string',
  36.         label: '性别',
  37.         lookupCode: 'HR.EMPLOYEE_GENDER',
  38.         required: true,
  39.       },
  40.       { name: 'enable', type: 'boolean', label: '是否开启' },
  41.     ],
  42.   });
  43. ​
  44. ​
  45.   render() {

API

Modal

更多案列和属性请参考 Spin。