@cainiaofe/cn-ui-m/es/components/cn-notice/demo/normal.stories.js

## 在线文档

import React from 'react';
import { CnDemoBlock, CnDemoPage, CnNotice } from "../../..";
var wrapStyle = {
    margin: '0 -12px 16px',
    marginBottom: '16px',
};
export var 基本 = function () { return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
    React.createElement(CnDemoBlock, { title: "\u57FA\u672C" },
        React.createElement("div", { style: wrapStyle },
            React.createElement(CnNotice, { content: "\u516C\u544A" })),
        React.createElement("div", { style: wrapStyle },
            React.createElement(CnNotice, { content: "\u516C\u544A\u53EF\u5173\u95ED", closeable: true })),
        React.createElement("div", { style: wrapStyle },
            React.createElement(CnNotice, { content: "\u516C\u544A\u6587\u672C\u8FC7\u957F\uFF0C\u5185\u5BB9\u6EA2\u51FA\uFF0C\u516C\u544A\u6587\u672C\u8FC7\u957F\uFF0C\u5185\u5BB9\u6EA2\u51FA\u3002", closeable: true, overflowStyle: "hidden", onClick: function () {
                    alert(1);
                } })),
        React.createElement("div", { style: wrapStyle },
            React.createElement(CnNotice, { content: "\u516C\u544A\u5185\u5BB9\u8FC7\u957F\uFF0C\u516C\u544A\u6EDA\u52A8\u3002\u516C\u544A\u5185\u5BB9\u8FC7\u957F\uFF0C\u516C\u544A\u6EDA\u52A8\u3002\u516C\u544A\u5185\u5BB9\u8FC7\u957F\uFF0C\u516C\u544A\u6EDA\u52A8\u3002" }))))); };
export default { title: 'demo/CnNotice' };