Spin 加载中
用于页面和区块的加载中状态。
何时使用
页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑。
代码演示
绑定数据源
绑定数据源。
import React from 'react';
import ReactDOM from 'react-dom';
import { DataSet, Form, TextField, NumberField, SelectBox, Switch, Button, Spin } from 'choerodon-ui/pro';
const { Option } = SelectBox;
class App extends React.Component {
ds = new DataSet({
primaryKey: 'userid',
name: 'user',
autoQuery: true,
pageSize: 5,
fields: [
{
name: 'userid',
type: 'string',
label: '编号',
required: true,
},
{
name: 'name',
type: 'intl',
label: '姓名',
},
{
name: 'age',
type: 'number',
label: '年龄',
max: 100,
step: 1,
},
{
name: 'sex',
type: 'string',
label: '性别',
lookupCode: 'HR.EMPLOYEE_GENDER',
required: true,
},
{ name: 'enable', type: 'boolean', label: '是否开启' },
],
});
render() {
API
Modal
更多案列和属性请参考 Spin。
当前内容版权归 Choerodon UI 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请访问 Choerodon UI .