@cainiaofe/cn-ui-m
Version:
33 lines (32 loc) • 1.92 kB
JavaScript
import React from 'react';
import { CnButton, CnCard, CnDemoPage, CnIcon } from "../../..";
export var 基础使用 = function () {
return (React.createElement(CnDemoPage, null,
React.createElement(CnCard, { shape: "normal", title: "\u5361\u7247\u6807\u9898", titleTips: "Tips", titleTag: {
status: 'info',
children: '标签',
}, desc: "\u63CF\u8FF0\u6587\u6848\uFF1A\u6B64\u5904\u653E\u7F6E\u5BF9\u5E94\u5361\u7247\u4FE1\u606F\u7684\u63CF\u8FF0\u6027\u6587\u6848\uFF1B\u9009\u586B", action: React.createElement(CnButton, { text: true, type: "primary" },
React.createElement(CnIcon, { type: "edit" })) },
React.createElement("div", { style: {
height: '80px',
backgroundColor: '#F7F8FA',
borderRadius: '2px',
textAlign: 'center',
lineHeight: '80px',
color: '#B5B6B8',
} }, "\u5185\u5BB9\u533A")),
React.createElement(CnCard, { shape: "primary", title: "\u5361\u7247\u6807\u9898\uFF08\u5F3A\u8C03\uFF09", titleTips: "Tips", titleTag: {
status: 'info',
children: '标签',
}, desc: "\u63CF\u8FF0\u6587\u6848\uFF1A\u6B64\u5904\u653E\u7F6E\u5BF9\u5E94\u5361\u7247\u4FE1\u606F\u7684\u63CF\u8FF0\u6027\u6587\u6848\uFF1B\u9009\u586B", action: React.createElement(CnButton, { text: true, type: "primary" },
React.createElement(CnIcon, { type: "edit" })) },
React.createElement("div", { style: {
height: '80px',
backgroundColor: '#F7F8FA',
borderRadius: '2px',
textAlign: 'center',
lineHeight: '80px',
color: '#B5B6B8',
} }, "\u5185\u5BB9\u533A"))));
};
export default { title: 'demo/CnCard' };