@cainiaofe/cn-ui-m
Version:
18 lines (17 loc) • 2.28 kB
JavaScript
import React from 'react';
import { CnDemoBlock, CnDemoPage, CnEllipsis, CnTextEllipsis, } from "../../..";
var text = '菜鸟致力于打造一个数据驱动、开放、协同、共享的社会化物流平台，有40%以上员工从事技术岗位，利用物联网、人工智能、大数据、无人技术等物流科技结合物流行业数智化升级的痛点和需求，聚焦于物流新技术和新产品的研发，已经广泛服务物流行业的企业，对于物流行业的降本提效产生了重要的促进作用，共同助力物流行业数字化转型升级。';
export var 基本 = function () {
return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
React.createElement(CnDemoBlock, { title: "\u5C3E\u90E8\u7701\u7565" },
React.createElement(CnEllipsis, null, text)),
React.createElement(CnDemoBlock, { title: "\u4E2D\u90E8\u7701\u7565" },
React.createElement(CnEllipsis, { ellipsisPosition: "middle" }, text)),
React.createElement(CnDemoBlock, { title: "\u591A\u884C\u7701\u7565" },
React.createElement(CnTextEllipsis, { line: 3 }, text)),
React.createElement(CnDemoBlock, { title: "\u5E26\u5C55\u5F00\u7684\u7701\u7565" },
React.createElement(CnTextEllipsis, { line: 3, showFolder: true }, text)),
React.createElement(CnDemoBlock, { title: "\u82F1\u6587\u81EA\u52A8\u6362\u884C" },
React.createElement(CnTextEllipsis, { line: 3 }, "Happiness is a state of mind. It starts with accepting where you are, knowing where you are going and planning to enjoy every moment along the way. You know how to be happy, and feel that you have enough time or money or love or whatever you need to achieve your goals. And just feeling that you have enough of everything means that you do indeed have enough. You have to choose to be happy, and focus upon being happy, in order to be happy. If you instead focus upon knowing that you will be happy if you achieve something, you will never be happy, as you have not learned to \u201Csmell the roses\u201D. The irony is that when you are happy, you are inevitably more productive, and far more likely to achieve what everything-seekers are seeking."))));
};
export default { title: 'demo/CnEllipsis' };