{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/show/empty","result":{"data":{"current":{"frontmatter":{"title":"Empty 空状态","order":71,"brief":"空状态时的展示占位图。","icon":"doc-empty"},"fields":{"type":"show"},"tableOfContents":{"items":[{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#基本用法","title":"基本用法"},{"url":"#自定义","title":"自定义"},{"url":"#不同布局","title":"不同布局"},{"url":"#占位图插画建设中","title":"占位图插画(建设中)"}]},{"url":"#api-参考","title":"API 参考"},{"url":"#accessibility","title":"Accessibility","items":[{"url":"#aria","title":"ARIA"}]},{"url":"#文案规范","title":"文案规范"},{"url":"#设计变量","title":"设计变量"},{"url":"#faq","title":"FAQ"}]},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"localeCode\": \"zh-CN\",\n  \"order\": 71,\n  \"category\": \"展示类\",\n  \"title\": \"Empty 空状态\",\n  \"icon\": \"doc-empty\",\n  \"dir\": \"column\",\n  \"brief\": \"空状态时的展示占位图。\"\n};\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\nvar DesignToken = makeShortcode(\"DesignToken\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u4EE3\\u7801\\u6F14\\u793A\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5982\\u4F55\\u5F15\\u5165\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"import\",\n    \"import\": true\n  }, \"import { Empty } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u57FA\\u672C\\u7528\\u6CD5\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"image\"), \" \\u8BBE\\u7F6E\\u5360\\u4F4D\\u56FE\\u7247\\uFF0C\\u53EF\\u4EE5\\u4ECE \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"@douyinfe/semi-illustrations\"), \" \\u4E2D\\u624B\\u52A8\\u5F15\\u5165\\u5BF9\\u5E94\\u7684\\u63D2\\u753B\\uFF08\\u63D2\\u753B\\u9ED8\\u8BA4\\u5BBD\\u9AD8\\u662F200x200\\uFF09\\uFF0C\\u4E5F\\u53EF\\u4EE5\\u4F20\\u5165\\u81EA\\u5B9A\\u4E49\\u7684\\u63D2\\u753B\\u3002\\u76EE\\u524D\\u62E5\\u6709\\u7684\\u63D2\\u753B\\u53EF\\u4EE5\\u67E5\\u770B\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"#%E5%8D%A0%E4%BD%8D%E5%9B%BE%E6%8F%92%E7%94%BB_%E5%BB%BA%E8%AE%BE%E4%B8%AD_\"\n  }, \"\\b\\u5360\\u4F4D\\u56FE\\u63D2\\u753B\"), \"\\u3002\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u589E\\u52A0\\u4E00\\u7CFB\\u5217\\u6697\\u8272\\u6A21\\u5F0F\\u7684\\u63D2\\u753B\\uFF0C\\u5E76\\u652F\\u6301\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"darkModeImage\"), \" \\u4F20\\u5165\\u6697\\u8272\\u6A21\\u5F0F\\u4E0B\\u9700\\u8981\\u4F7F\\u7528\\u7684\\u63D2\\u753B\\uFF0C\\u4EE5\\u66F4\\u597D\\u5730\\u9002\\u914D\\u6697\\u8272\\u6A21\\u5F0F\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true dir=\\\"column\\\"\",\n    \"live\": \"true\",\n    \"dir\": \"\\\"column\\\"\"\n  }, \"import React from 'react';\\nimport { Empty } from '@douyinfe/semi-ui';\\nimport { IllustrationConstruction, IllustrationConstructionDark } from '@douyinfe/semi-illustrations';\\n\\n() => (\\n    <Empty\\n        image={<IllustrationConstruction style={{ width: 150, height: 150 }} />}\\n        darkModeImage={<IllustrationConstructionDark style={{ width: 150, height: 150 }} />}\\n        title={'\\u529F\\u80FD\\u5EFA\\u8BBE\\u4E2D'}\\n        description=\\\"\\u5F53\\u524D\\u529F\\u80FD\\u6682\\u672A\\u5F00\\u653E\\uFF0C\\u656C\\u8BF7\\u671F\\u5F85\\u3002\\\"\\n    />\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u81EA\\u5B9A\\u4E49\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"children\"), \" \\u53EF\\u4EE5\\u5B9E\\u73B0\\u81EA\\u5B9A\\u4E49\\u7684\\u63CF\\u8FF0\\u5185\\u5BB9\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true dir=\\\"column\\\"\",\n    \"live\": \"true\",\n    \"dir\": \"\\\"column\\\"\"\n  }, \"import React from 'react';\\nimport { Empty, Button } from '@douyinfe/semi-ui';\\nimport { IllustrationNoContent, IllustrationNoContentDark } from '@douyinfe/semi-illustrations';\\n\\n() => (\\n    <Empty\\n        image={<IllustrationNoContent style={{ width: 150, height: 150 }} />}\\n        darkModeImage={<IllustrationNoContentDark style={{ width: 150, height: 150 }} />}\\n        title=\\\"\\u7A7A\\u72B6\\u6001\\u6807\\u9898\\\"\\n        description=\\\"\\u5F00\\u59CB\\u521B\\u5EFA\\u4F60\\u7684\\u7B2C\\u4E00\\u4E2A\\u4EEA\\u8868\\u76D8\\u5427\\uFF01\\\"\\n    >\\n        <div>\\n            <Button style={{ padding: '6px 24px', marginRight: 12 }} type=\\\"primary\\\">\\n                \\u4E8C\\u7EA7\\u6309\\u94AE\\n            </Button>\\n            <Button style={{ padding: '6px 24px' }} theme=\\\"solid\\\" type=\\\"primary\\\">\\n                \\u4E00\\u7EA7\\u6309\\u94AE\\n            </Button>\\n        </div>\\n    </Empty>\\n);\\n\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u4E5F\\u53EF\\u4EE5\\u4E0D\\u4F7F\\u7528\\u56FE\\u7247\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true dir=\\\"column\\\"\",\n    \"live\": \"true\",\n    \"dir\": \"\\\"column\\\"\"\n  }, \"import React from 'react';\\nimport { Empty, Typography } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <Empty\\n        title=\\\"\\u6682\\u672A\\u627E\\u5230\\u5339\\u914D\\u7684\\u7B5B\\u9009\\u7ED3\\u679C\\\"\\n        description={\\n            <span>\\n                <Typography.Text>\\u8BD5\\u8BD5 </Typography.Text>\\n                <Typography.Text link>\\u91CD\\u7F6E\\u7B5B\\u9009\\u6761\\u4EF6</Typography.Text>\\n            </span>\\n        }\\n    />\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u4E0D\\u540C\\u5E03\\u5C40\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u652F\\u6301 2 \\u79CD\\u7C7B\\u578B\\u7684\\u5E03\\u5C40\\uFF1A\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"vertical\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"horizontal\"), \"\\u3002\\u9ED8\\u8BA4\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"vertical\"), \"\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true dir=\\\"column\\\"\",\n    \"live\": \"true\",\n    \"dir\": \"\\\"column\\\"\"\n  }, \"import React from 'react';\\nimport { Empty, Button } from '@douyinfe/semi-ui';\\nimport { IllustrationSuccess, IllustrationSuccessDark } from '@douyinfe/semi-illustrations';\\n\\n() => (\\n    <Empty\\n        title={'\\u521B\\u5EFA\\u6210\\u529F'}\\n        image={<IllustrationSuccess style={{ width: 150, height: 150 }} />}\\n        darkModeImage={<IllustrationSuccessDark style={{ width: 150, height: 150 }} />}\\n        layout=\\\"horizontal\\\"\\n        description=\\\"\\u8FD9\\u662F\\u4E00\\u6BB5\\u5F88\\u957F\\u7684\\u63CF\\u8FF0\\u6587\\u672C\\uFF0C\\u5F53\\u6587\\u672C\\u8FC7\\u957F\\u7684\\u65F6\\u5019\\u63A8\\u8350\\u4F7F\\u7528\\u8FD9\\u79CD\\u5E03\\u5C40\\u5F62\\u5F0F\\u3002\\u8FD9\\u662F\\u4E00\\u6BB5\\u5F88\\u957F\\u7684\\u63CF\\u8FF0\\u6587\\u672C\\uFF0C\\u5F53\\u6587\\u672C\\u8FC7\\u957F\\u7684\\u65F6\\u5019\\u63A8\\u8350\\u4F7F\\u7528\\u8FD9\\u79CD\\u5E03\\u5C40\\u5F62\\u5F0F\\u3002\\u8FD9\\u662F\\u4E00\\u6BB5\\u5F88\\u957F\\u7684\\u63CF\\u8FF0\\u6587\\u672C\\uFF0C\\u5F53\\u6587\\u672C\\u8FC7\\u957F\\u7684\\u65F6\\u5019\\u63A8\\u8350\\u4F7F\\u7528\\u8FD9\\u79CD\\u5E03\\u5C40\\u5F62\\u5F0F\\u3002\\\"\\n        style={{ width: 800, margin: '0 auto' }}\\n    >\\n        <Button type=\\\"primary\\\" theme=\\\"solid\\\" style={{ padding: '6px 24px' }}>\\n            \\u5F00\\u59CB\\u64CD\\u4F5C\\n        </Button>\\n    </Empty>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5360\\u4F4D\\u56FE\\u63D2\\u753B(\\u5EFA\\u8BBE\\u4E2D)\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u76EE\\u524D \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"@douyinfe/semi-illustrations\"), \" \\u4E2D\\u652F\\u6301\\u4EE5\\u4E0B\\u63D2\\u753B\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true dir=\\\"column\\\"\",\n    \"live\": \"true\",\n    \"dir\": \"\\\"column\\\"\"\n  }, \"import React from 'react';\\nimport { Empty } from '@douyinfe/semi-ui';\\nimport { IllustrationConstruction, IllustrationSuccess, IllustrationFailure, IllustrationNoAccess, IllustrationNoContent, IllustrationNotFound, IllustrationNoResult } from '@douyinfe/semi-illustrations';\\n\\n/* \\u4EE5\\u4E0B\\u4E3A 1.13.0 \\u7248\\u672C\\u540E\\u63D0\\u4F9B */\\nimport { IllustrationIdle, IllustrationIdleDark, IllustrationConstructionDark, IllustrationSuccessDark, IllustrationFailureDark, IllustrationNoAccessDark, IllustrationNoContentDark, IllustrationNotFoundDark, IllustrationNoResultDark } from '@douyinfe/semi-illustrations';\\n\\n() => {\\n    const emptyStyle = {\\n        padding: 30,\\n    };\\n    return (\\n        <div style={{ display: 'flex', flexWrap: 'wrap' }}>\\n            <Empty\\n                image={<IllustrationSuccess style={{ width: 150, height: 150 }} />}\\n                darkModeImage={<IllustrationSuccessDark style={{ width: 150, height: 150 }} />}\\n                description={'\\u521B\\u5EFA\\u6210\\u529F'}\\n                style={emptyStyle}\\n            />\\n            <Empty\\n                image={<IllustrationFailure style={{ width: 150, height: 150 }} />}\\n                darkModeImage={<IllustrationFailureDark style={{ width: 150, height: 150 }} />}\\n                description={'\\u52A0\\u8F7D\\u5931\\u8D25'}\\n                style={emptyStyle}\\n            />\\n            <Empty\\n                image={<IllustrationNoAccess style={{ width: 150, height: 150 }} />}\\n                darkModeImage={<IllustrationNoAccessDark style={{ width: 150, height: 150 }} />}\\n                description={'\\u6CA1\\u6709\\u6743\\u9650'}\\n                style={emptyStyle}\\n            />\\n            <Empty\\n                image={<IllustrationNoContent style={{ width: 150, height: 150 }} />}\\n                darkModeImage={<IllustrationNoContentDark style={{ width: 150, height: 150 }} />}\\n                description={'\\u6682\\u65E0\\u5185\\u5BB9\\uFF0C\\u8BF7\\u6DFB\\u52A0'}\\n                style={emptyStyle}\\n            />\\n            <Empty\\n                image={<IllustrationNotFound style={{ width: 150, height: 150 }} />}\\n                darkModeImage={<IllustrationNotFoundDark style={{ width: 150, height: 150 }} />}\\n                description={'\\u9875\\u9762404'}\\n                style={emptyStyle}\\n            />\\n            <Empty\\n                image={<IllustrationNoResult style={{ width: 150, height: 150 }} />}\\n                darkModeImage={<IllustrationNoResultDark style={{ width: 150, height: 150 }} />}\\n                description={'\\u641C\\u7D22\\u65E0\\u7ED3\\u679C'}\\n                style={emptyStyle}\\n            />\\n            <Empty\\n                image={<IllustrationConstruction style={{ width: 150, height: 150 }} />}\\n                darkModeImage={<IllustrationConstructionDark style={{ width: 150, height: 150 }} />}\\n                description={'\\u5EFA\\u8BBE\\u4E2D'}\\n                style={emptyStyle}\\n            />\\n            <Empty\\n                image={<IllustrationIdle style={{ width: 150, height: 150 }} />}\\n                darkModeImage={<IllustrationIdleDark style={{ width: 150, height: 150 }} />}\\n                description={'\\u795E\\u6E38\\u56DB\\u65B9'}\\n                style={emptyStyle}\\n            />\\n        </div>\\n    );\\n};\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"API \\u53C2\\u8003\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u503C\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"className\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u540D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"darkModeImage\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6697\\u8272\\u6A21\\u5F0F\\u5F00\\u542F\\u540E\\u7684\\u5360\\u4F4D\\u56FE\\uFF0C\\u54CD\\u5E94 document.body \\u7684 theme-mode \\u5C5E\\u6027\\u53D8\\u5316\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"description\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5185\\u5BB9\\u63CF\\u8FF0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"image\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5360\\u4F4D\\u56FE\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode \", \"|\", \" { id?: string; viewBox?: string; url?: string;}\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"imageStyle\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5360\\u4F4D\\u56FE\\u6837\\u5F0F\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"CSSProperties\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"layout\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5E03\\u5C40\\u65B9\\u5F0F\\uFF0C\\u652F\\u6301 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"vertical\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"horizontal\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"vertical\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"style\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6837\\u5F0F\\u540D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"CSSProperties\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"title\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6807\\u9898\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"))))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Accessibility\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"ARIA\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Empty \\u63D2\\u56FE\\u7684 aria-hidden \\u4E3A true\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u6587\\u6848\\u89C4\\u8303\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u6807\\u9898\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u6807\\u9898\\u5E94\\u8BE5\\u7B80\\u6D01\\u6613\\u61C2\"))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u6B63\\u6587\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u53EF\\u4EE5\\u5C55\\u793A\\u5C55\\u793A\\u7A7A\\u72B6\\u6001\\u7684\\u5177\\u4F53\\u539F\\u56E0\\uFF0C\\u4E5F\\u53EF\\u4EE5\\u5C55\\u793A\\u540E\\u7EED\\u7684\\u64CD\\u4F5C\\u884C\\u4E3A\\u53BB\\u5E2E\\u52A9\\u7528\\u6237\\u6D88\\u9664\\u7A7A\\u72B6\\u6001\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u4E0D\\u8981\\u91CD\\u590D\\u6807\\u9898\\u4E0A\\u7684\\u5185\\u5BB9\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5C3D\\u91CF\\u4FDD\\u6301\\u6B63\\u6587\\u5728 1-2 \\u53E5\\u8BDD\\u5185\"))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u52A8\\u4F5C\\u6309\\u94AE\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u6309\\u94AE\\u6587\\u6848\\u9700\\u8981\\u8DB3\\u591F\\u6E05\\u6670\\u548C\\u5BB9\\u6613\\u7406\\u89E3\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u4F7F\\u7528 \\u52A8\\u8BCD + \\u540D\\u8BCD \\u7684\\u683C\\u5F0F\"))))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u8BBE\\u8BA1\\u53D8\\u91CF\"), mdx(DesignToken, {\n    mdxType: \"DesignToken\"\n  })), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"FAQ\")));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/show/empty","next":{"fields":{"slug":"en-US/show/highlight"},"id":"d23f500e-1472-5cd5-8702-d567aecb4ca6","frontmatter":{"title":"Highlight","localeCode":"en-US","icon":"doc-highlight","showNew":null}},"previous":{"fields":{"slug":"en-US/show/empty"},"id":"ee9d04c2-17f5-5ccb-b70f-b8ddebe48608","frontmatter":{"title":"Empty","localeCode":"en-US","icon":"doc-empty","showNew":null}}}},"staticQueryHashes":["1348983216229725","1477422646229725","3245198693229725","417590761229725","63159454229725"]}