@alicloud/console-components/build/esm/rc/message/demos/demo7.js

Alibaba Cloud React Components

/**
 * title: ""
 * description: "以默认信息条状态为例"
 */
import React from 'react';
import { Message, Grid } from '@alicloud/console-components';
var Row = Grid.Row, Col = Grid.Col;
export default (function () {
    return (React.createElement(Row, { gutter: 8, wrap: true },
        React.createElement(Col, { span: 12 },
            React.createElement("br", null),
            React.createElement("h5", null, "\u65E0\u8BED\u4E49"),
            React.createElement(Message, { type: "help" }, "\u63CF\u8FF0\u6587\u6848\u6216\u5176\u4ED6\u5185\u5BB9\u7C7B\u4FE1\u606F")),
        React.createElement(Col, { span: 12 },
            React.createElement("br", null),
            React.createElement("h5", null, "\u9AD8\u4EAE"),
            React.createElement(Message, { type: "notice" }, "\u8FD0\u8425\u7C7B\u4FE1\u606F\u6216\u63D0\u793A\u7C7B\u4FE1\u606F")),
        React.createElement(Col, { span: 12 },
            React.createElement("br", null),
            React.createElement("h5", null, "\u6210\u529F"),
            React.createElement(Message, { type: "success" }, "\u4FE1\u606F\u6210\u529F\u63D0\u793A\u7C7B\u6216\u5B8C\u6210\u7ED3\u679C\u63D0\u9192")),
        React.createElement(Col, { span: 12 },
            React.createElement("br", null),
            React.createElement("h5", null, "\u4E2D\u5371"),
            React.createElement(Message, { type: "warning" }, "\u8F7B\u91CF\u8B66\u793A\u4FE1\u606F\u6216\u91CD\u8981\u63D0\u793A\u4FE1\u606F")),
        React.createElement(Col, { span: 12 },
            React.createElement("br", null),
            React.createElement("h5", null, "\u9AD8\u5371"),
            React.createElement(Message, { type: "error" }, "\u91CD\u91CF\u7EA7\u8B66\u793A\u3001\u63D0\u793A\u3001\u62A5\u9519\u6216\u65E0\u6CD5\u56DE\u9000\u7684\u64CD\u4F5C\u63D0\u793A"))));
});