ant-design/ce055f7a-async.b07245f5.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["ce055f7a"],{"4d6dee06":function(e,a,s){"use strict";s.d(a,"__esModule",{value:!0}),s.d(a,"texts",{enumerable:!0,get:function(){return t;}}),s("abee7d18");let t=[{value:"\u5B57\u4F53\u662F\u4F53\u7CFB\u5316\u754C\u9762\u8BBE\u8BA1\u4E2D\u6700\u57FA\u672C\u7684\u6784\u6210\u4E4B\u4E00\u3002",paraId:0},{value:"\u6211\u4EEC\u7684\u7528\u6237\u901A\u8FC7\u6587\u672C\u6765\u7406\u89E3\u5185\u5BB9\u548C\u5B8C\u6210\u5DE5\u4F5C\uFF0C\u79D1\u5B66\u7684\u5B57\u4F53\u7CFB\u7EDF\u5C06\u5927\u5927\u63D0\u5347\u7528\u6237\u7684\u9605\u8BFB\u4F53\u9A8C\u53CA\u5DE5\u4F5C\u6548\u7387\u3002Ant Design \u5B57\u4F53\u65B9\u6848\uFF0C\u662F\u57FA\u4E8E\u300C\u52A8\u6001\u79E9\u5E8F\u300D\u7684\u8BBE\u8BA1\u539F\u5219\uFF0C\u7ED3\u5408\u4E86\u81EA\u7136\u5BF9\u6570\u4EE5\u53CA\u97F3\u5F8B\u7684\u89C4\u5219\u5F97\u51FA\u7684\uFF0C\u518D\u7ECF\u8FC7\u4E86\u5927\u91CF\u7684\u8682\u8681\u4E2D\u540E\u53F0\u4EA7\u54C1\u9A8C\u8BC1\u4E4B\u540E\uFF0C\u63A8\u8350\u7ED9\u5927\u5BB6\u3002\u5728\u4E2D\u540E\u53F0\u89C6\u89C9\u4F53\u7CFB\u4E2D\u5B9A\u4E49\u5B57\u4F53\u7CFB\u7EDF\uFF0C\u6211\u4EEC\u5EFA\u8BAE\u4ECE\u4E0B\u9762\u4E94\u4E2A\u65B9\u9762\u51FA\u53D1\uFF1A",paraId:1},{value:"\u5B57\u4F53\u5BB6\u65CF",paraId:2},{value:"\u4E3B\u5B57\u4F53",paraId:2},{value:"\u5B57\u9636\u4E0E\u884C\u9AD8",paraId:2},{value:"\u5B57\u91CD",paraId:2},{value:"\u5B57\u4F53\u989C\u8272",paraId:2},{value:"\u4F18\u79C0\u7684\u5B57\u4F53\u7CFB\u7EDF\u9996\u5148\u662F\u8981\u9009\u62E9\u5408\u9002\u7684\u5B57\u4F53\u5BB6\u65CF\u3002Ant Design \u7684\u5B57\u4F53\u5BB6\u65CF\u4E2D\u4F18\u5148\u4F7F\u7528\u7CFB\u7EDF\u9ED8\u8BA4\u7684\u754C\u9762\u5B57\u4F53\uFF0C\u540C\u65F6\u63D0\u4F9B\u4E86\u4E00\u5957\u5229\u4E8E\u5C4F\u663E\u7684\u5907\u7528\u5B57\u4F53\u5E93\uFF0C\u6765\u7EF4\u62A4\u5728\u4E0D\u540C\u5E73\u53F0\u4EE5\u53CA\u6D4F\u89C8\u5668\u7684\u663E\u793A\u4E0B\uFF0C\u5B57\u4F53\u59CB\u7EC8\u4FDD\u6301\u826F\u597D\u7684\u6613\u8BFB\u6027\u548C\u53EF\u8BFB\u6027\uFF0C\u4F53\u73B0\u4E86\u53CB\u597D\u3001\u7A33\u5B9A\u548C\u4E13\u4E1A\u7684\u7279\u6027\u3002",paraId:3,tocIndex:0},{value:"@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n  'Noto Color Emoji';\n",paraId:4,tocIndex:0},{value:"\u53C2\u8003\u81EA ",paraId:5,tocIndex:0},{value:"https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/",paraId:5,tocIndex:0},{value:" \u548C ",paraId:5,tocIndex:0},{value:"http://markdotto.com/2018/02/07/github-system-fonts/",paraId:5,tocIndex:0},{value:"\u53E6\u5916\uFF0C\u5728\u4E2D\u540E\u53F0\u7CFB\u7EDF\u4E2D\uFF0C\u6570\u5B57\u7ECF\u5E38\u9700\u8981\u8FDB\u884C\u7EB5\u5411\u5BF9\u6BD4\u5C55\u793A\uFF0C\u6211\u4EEC\u5355\u72EC\u5C06\u6570\u5B57\u7684\u5B57\u4F53 ",paraId:6,tocIndex:0},{value:"font-variant-numeric",paraId:6,tocIndex:0},{value:" \u8BBE\u7F6E\u4E3A ",paraId:6,tocIndex:0},{value:"tabular-nums",paraId:6,tocIndex:0},{value:"\uFF0C\u4F7F\u5176\u4E3A\u7B49\u5BBD\u5B57\u4F53\u3002",paraId:6,tocIndex:0},{value:"\u53C2\u8003 ",paraId:7,tocIndex:0},{value:"https://stackoverflow.com/questions/32660748/how-to-use-apples-new-san-francisco-font-on-a-webpage#comment78509178_32660790",paraId:7,tocIndex:0},{value:"\u6211\u4EEC\u57FA\u4E8E\u7535\u8111\u663E\u793A\u5668\u9605\u8BFB\u8DDD\u79BB\uFF0850 cm\uFF09\u4EE5\u53CA\u6700\u4F73\u9605\u8BFB\u89D2\u5EA6\uFF080.3\uFF09\u5BF9 Ant Design \u7684\u4E3B\u5B57\u4F53\u8FDB\u884C\u4E86\u4E00\u6B21\u5347\u7EA7\uFF0C\u4ECE\u539F\u5148\u7684 12 \u4E0A\u5347\u81F3 14\uFF0C\u4EE5\u4FDD\u8BC1\u5728\u591A\u6570\u5E38\u7528\u663E\u793A\u5668\u4E0A\u7684\u7528\u6237\u9605\u8BFB\u6548\u7387\u6700\u4F73\u3002",paraId:8,tocIndex:1},{value:"\n  ",paraId:9},{value:"\u5B57\u9636\u548C\u884C\u9AD8\u51B3\u5B9A\u7740\u4E00\u5957\u5B57\u4F53\u7CFB\u7EDF\u7684\u52A8\u6001\u4E0E\u79E9\u5E8F\u4E4B\u7F8E\u3002\u5B57\u9636\u662F\u6307\u4E00\u7CFB\u5217\u6709\u89C4\u5F8B\u7684\u4E0D\u540C\u5C3A\u5BF8\u7684\u5B57\u4F53\u3002\u884C\u9AD8\u53EF\u4EE5\u7406\u89E3\u4E3A\u4E00\u4E2A\u5305\u88F9\u5728\u5B57\u4F53\u5916\u9762\u7684\u65E0\u5F62\u7684\u76D2\u5B50\u3002",paraId:10,tocIndex:2},{value:"\n  ",paraId:9},{value:"Ant Design \u53D7\u5230 5 \u97F3\u9636\u4EE5\u53CA\u81EA\u7136\u5F8B\u7684\u542F\u53D1\u5B9A\u4E49\u4E86 10 \u4E2A\u4E0D\u540C\u5C3A\u5BF8\u7684\u5B57\u4F53\u4EE5\u53CA\u4E0E\u4E4B\u76F8\u5BF9\u5E94\u7684\u884C\u9AD8\u3002",paraId:11,tocIndex:2},{value:"\u5728 Ant Design \u7684\u89C6\u89C9\u4F53\u7CFB\u4E2D\uFF0C\u6211\u4EEC\u5EFA\u8BAE\u7684\u4E3B\u8981\u5B57\u4F53\u4E3A 14\uFF0C\u4E0E\u4E4B\u5BF9\u5E94\u7684\u884C\u9AD8\u4E3A 22\u3002\u5176\u4F59\u7684\u5B57\u9636\u7684\u9009\u62E9\u53EF\u6839\u636E\u5177\u4F53\u60C5\u51B5\u8FDB\u884C\u81EA\u7531\u7684\u5B9A\u4E49\u3002\u5EFA\u8BAE\u5728\u4E00\u4E2A\u7CFB\u7EDF\u8BBE\u8BA1\u4E2D\uFF08\u5C55\u793A\u578B\u9875\u9762\u9664\u5916\uFF09\uFF0C\u5B57\u9636\u7684\u9009\u62E9\u5C3D\u91CF\u63A7\u5236\u5728 3-5 \u79CD\u4E4B\u95F4\uFF0C\u4FDD\u6301\u514B\u5236\u7684\u539F\u5219\u3002",paraId:12,tocIndex:2},{value:"\u5B57\u91CD\u7684\u9009\u62E9\u540C\u6837\u57FA\u4E8E\u79E9\u5E8F\u3001\u7A33\u5B9A\u3001\u514B\u5236\u7684\u539F\u5219\u3002\u591A\u6570\u60C5\u51B5\u4E0B\uFF0C\u53EA\u51FA\u73B0 regular \u4EE5\u53CA medium \u7684\u4E24\u79CD\u5B57\u4F53\u91CD\u91CF\uFF0C\u5206\u522B\u5BF9\u5E94\u4EE3\u7801\u4E2D\u7684 400 \u548C 500\u3002\u5728\u82F1\u6587\u5B57\u4F53\u52A0\u7C97\u7684\u60C5\u51B5\u4E0B\u4F1A\u91C7\u7528 semibold \u7684\u5B57\u4F53\u91CD\u91CF\uFF0C\u5BF9\u5E94\u4EE3\u7801\u4E2D\u7684 600\u3002",paraId:13,tocIndex:3},{value:"\n	",paraId:9},{value:"\n	  ",paraId:9},{value:"\n	",paraId:9},{value:"\n	",paraId:9},{value:"\n  	",paraId:9},{value:"\n	",paraId:9},{value:"\n	",paraId:9},{value:"\n  	",paraId:9},{value:"\n	",paraId:9},{value:"\n  ",paraId:14},{value:"\u6587\u672C\u989C\u8272\u5982\u679C\u548C\u80CC\u666F\u989C\u8272\u592A\u63A5\u8FD1\u5C31\u4F1A\u96BE\u4EE5\u9605\u8BFB\u3002\u8003\u8651\u5230\u65E0\u969C\u788D\u8BBE\u8BA1\u7684\u9700\u6C42\uFF0C\u6211\u4EEC\u53C2\u8003\u4E86 WCAG \u7684\u6807\u51C6\uFF0C\u5C06\u6B63\u6587\u6587\u672C\u3001\u6807\u9898\u548C\u80CC\u666F\u8272\u4E4B\u95F4\u4FDD\u6301\u5728\u4E86 7:1 \u4EE5\u4E0A\u7684 AAA \u7EA7\u5BF9\u6BD4\u5EA6\u3002",paraId:15},{value:"\u5B57\u4F53\u7CFB\u7EDF\u7684\u6784\u5EFA\uFF0C\u662F\u300C\u52A8\u6001\u79E9\u5E8F\u4E4B\u7F8E\u300D\u7684\u7B2C\u4E00\u6B65\u3002\u5728\u5B9E\u9645\u7684\u8BBE\u8BA1\u4E2D\uFF0C\u6211\u4EEC\u8FD8\u6709\u4E09\u70B9\u5EFA\u8BAE\uFF1A",paraId:16,tocIndex:5},{value:"\u5EFA\u7ACB\u4F53\u7CFB\u5316\u7684\u8BBE\u8BA1\u601D\u8DEF\uFF1A",paraId:17,tocIndex:5},{value:" \u5728\u540C\u4E00\u4E2A\u7CFB\u7EDF\u7684 UI \u8BBE\u8BA1\u4E2D\u5148\u5EFA\u7ACB\u4F53\u7CFB\u5316\u7684\u8BBE\u8BA1\u601D\u8DEF\uFF0C\u5BF9\u4E3B\u3001\u6B21\u3001\u8F85\u52A9\u3001\u6807\u9898\u3001\u5C55\u793A\u7B49\u7C7B\u522B\u7684\u5B57\u4F53\u505A\u7EDF\u4E00\u7684\u89C4\u5212\uFF0C\u518D\u843D\u5730\u5230\u5177\u4F53\u573A\u666F\u4E2D\u8FDB\u884C\u5FAE\u8C03\u3002\u5EFA\u7ACB\u4F53\u7CFB\u5316\u7684\u8BBE\u8BA1\u601D\u8DEF\u6709\u52A9\u4E8E\u5F3A\u5316\u6A2A\u5411\u5B57\u4F53\u843D\u5730\u7684\u4E00\u81F4\u6027\uFF0C\u63D0\u9AD8\u5B57\u4F53\u5E94\u7528\u7684\u6027\u4EF7\u6BD4\uFF0C\u51CF\u5C11\u4E0D\u5FC5\u8981\u7684\u6837\u5F0F\u6D6A\u8D39\u3002",paraId:17,tocIndex:5},{value:"\u5C11\u5373\u662F\u591A\uFF1A",paraId:17,tocIndex:5},{value:" \u5728\u89C6\u89C9\u5C55\u73B0\u4E0A\u80FD\u591F\u7528\u5C3D\u91CF\u5C11\u7684\u6837\u5F0F\u53BB\u5B9E\u73B0\u8BBE\u8BA1\u76EE\u7684\u3002\u907F\u514D\u6BEB\u65E0\u610F\u4E49\u7684\u4F7F\u7528\u5927\u91CF\u5B57\u9636\u3001\u989C\u8272\u3001\u5B57\u91CD\u5F3A\u8C03\u89C6\u89C9\u91CD\u70B9\u6216\u5BF9\u6BD4\u5173\u7CFB\u3002",paraId:17,tocIndex:5},{value:"\u5C1D\u8BD5\u8BA9\u5B57\u4F53\u50CF\u97F3\u7B26\u4E00\u6837\u8DF3\u8DC3\uFF1A",paraId:17,tocIndex:5},{value:" \u5728\u9700\u8981\u62C9\u5F00\u5DEE\u8DDD\u7684\u65F6\u5019\u53EF\u4EE5\u5C1D\u8BD5\u5728\u5B57\u9636\u8868\u4E2D\u8DF3\u8DC3\u5730\u9009\u62E9\u5B57\u4F53\u5927\u5C0F\uFF0C\u4F1A\u4EE4\u5B57\u9636\u4E4B\u95F4\u4EA7\u751F\u4E00\u79CD\u5FAE\u5999\u7684\u97F5\u5F8B\u611F\u3002",paraId:17,tocIndex:5}];},ce055f7a:function(e,a,s){"use strict";s.d(a,"__esModule",{value:!0}),s.d(a,"default",{enumerable:!0,get:function(){return p;}});var t=s("777fffbe"),l=s("f19d2b93"),n=t._(s("b622e337")),r=t._(s("75f4da45")),d=t._(s("97c488ea")),o=t._(s("ffefa1d5")),i=t._(s("c96b0d01")),c=s("5b220c3d"),u=s("9c86e52a"),x=s("4d6dee06"),p=function(){return(0,l.jsx)(u.DumiPage,{children:(0,l.jsx)(c.Suspense,{fallback:(0,l.jsx)(i.default,{}),children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"markdown",children:[(0,l.jsx)("p",{children:x.texts[0].value}),(0,l.jsx)("p",{children:x.texts[1].value}),(0,l.jsxs)("ol",{children:[(0,l.jsx)("li",{children:x.texts[2].value}),(0,l.jsx)("li",{children:x.texts[3].value}),(0,l.jsx)("li",{children:x.texts[4].value}),(0,l.jsx)("li",{children:x.texts[5].value}),(0,l.jsx)("li",{children:x.texts[6].value})]}),(0,l.jsx)("hr",{}),(0,l.jsxs)("h2",{id:"\u5B57\u4F53\u5BB6\u65CF",children:[(0,l.jsx)(d.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u5B57\u4F53\u5BB6\u65CF",sourceType:"a",children:(0,l.jsx)("span",{className:"icon icon-link"})}),"\u5B57\u4F53\u5BB6\u65CF"]}),(0,l.jsx)("p",{children:x.texts[7].value}),(0,l.jsx)(n.default,{lang:"css",children:x.texts[8].value}),(0,l.jsx)("blockquote",{children:(0,l.jsxs)("p",{children:[x.texts[9].value,(0,l.jsx)(d.default,{href:"https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/",sourceType:"a",children:x.texts[10].value}),x.texts[11].value,(0,l.jsx)(d.default,{href:"http://markdotto.com/2018/02/07/github-system-fonts/",sourceType:"a",children:x.texts[12].value})]})}),(0,l.jsxs)("p",{children:[x.texts[13].value,(0,l.jsx)(d.default,{href:"https://www.fonts.com/content/learning/fontology/level-3/numbers/proportional-vs-tabular-figures",sourceType:"a",children:x.texts[14].value}),x.texts[15].value,(0,l.jsx)("code",{children:x.texts[16].value}),x.texts[17].value]}),(0,l.jsx)("blockquote",{children:(0,l.jsxs)("p",{children:[x.texts[18].value,(0,l.jsx)(d.default,{href:"https://stackoverflow.com/questions/32660748/how-to-use-apples-new-san-francisco-font-on-a-webpage#comment78509178_32660790",sourceType:"a",children:x.texts[19].value})]})}),(0,l.jsxs)("h2",{id:"\u4E3B\u5B57\u4F53",children:[(0,l.jsx)(d.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3B\u5B57\u4F53",sourceType:"a",children:(0,l.jsx)("span",{className:"icon icon-link"})}),"\u4E3B\u5B57\u4F53"]}),(0,l.jsx)("p",{children:x.texts[20].value}),(0,l.jsxs)("div",{style:{textAlign:"center",margin:"40px 0"},children:[x.texts[21].value,(0,l.jsx)("img",{width:"600",src:"https://gw.alipayobjects.com/zos/rmsportal/yriUFbqOPtVniYYiikfb.png"})]}),(0,l.jsxs)("h2",{id:"\u5B57\u9636\u4E0E\u884C\u9AD8",children:[(0,l.jsx)(d.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u5B57\u9636\u4E0E\u884C\u9AD8",sourceType:"a",children:(0,l.jsx)("span",{className:"icon icon-link"})}),"\u5B57\u9636\u4E0E\u884C\u9AD8"]}),(0,l.jsx)("p",{children:x.texts[22].value}),(0,l.jsxs)("div",{style:{textAlign:"center",margin:"40px 0"},children:[x.texts[23].value,(0,l.jsx)("img",{width:"600",src:"https://gw.alipayobjects.com/zos/rmsportal/xpykKKFJQorFJltdXkie.png"})]}),(0,l.jsx)("p",{children:x.texts[24].value}),(0,l.jsx)("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/iFjgfIBExksqCqGMwUlw.png"}),(0,l.jsx)("p",{children:x.texts[25].value}),(0,l.jsxs)("h2",{id:"\u5B57\u91CD",children:[(0,l.jsx)(d.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u5B57\u91CD",sourceType:"a",children:(0,l.jsx)("span",{className:"icon icon-link"})}),"\u5B57\u91CD"]}),(0,l.jsx)("p",{children:x.texts[26].value}),(0,l.jsxs)("div",{className:"font-samples",children:[x.texts[27].value,(0,l.jsxs)("div",{children:[x.texts[28].value,(0,l.jsx)("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/orIVrEOZIpjMbqZGiXEi.png"}),x.texts[29].value]}),x.texts[30].value,(0,l.jsxs)("div",{children:[x.texts[31].value,(0,l.jsx)("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/sasWhUzTGjlZKftukraH.png"}),x.texts[32].value]}),x.texts[33].value,(0,l.jsxs)("div",{children:[x.texts[34].value,(0,l.jsx)("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/QqxifAZlISrSUwnlonyx.png"}),x.texts[35].value]})]}),(0,l.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n.font-samples {\n  display: flex;\n}\n"}}),(0,l.jsxs)("h2",{id:"\u5B57\u4F53\u989C\u8272",children:[(0,l.jsx)(d.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u5B57\u4F53\u989C\u8272",sourceType:"a",children:(0,l.jsx)("span",{className:"icon icon-link"})}),"\u5B57\u4F53\u989C\u8272"]})]}),(0,l.jsxs)(r.default,{children:[x.texts[36].value,(0,l.jsx)(o.default,{tokenNames:"colorTextHeading|colorText|colorTextSecondary|colorTextDisabled|colorBorder|colorSplit|colorBgLayout",tokennames:"colorTextHeading|colorText|colorTextSecondary|colorTextDisabled|colorBorder|colorSplit|colorBgLayout"})]}),(0,l.jsxs)("div",{className:"markdown",children:[(0,l.jsx)("p",{children:x.texts[37].value}),(0,l.jsxs)("h2",{id:"\u5EFA\u8BAE",children:[(0,l.jsx)(d.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u5EFA\u8BAE",sourceType:"a",children:(0,l.jsx)("span",{className:"icon icon-link"})}),"\u5EFA\u8BAE"]}),(0,l.jsx)("p",{children:x.texts[38].value}),(0,l.jsxs)("ol",{children:[(0,l.jsxs)("li",{children:[(0,l.jsx)("strong",{children:x.texts[39].value}),x.texts[40].value]}),(0,l.jsxs)("li",{children:[(0,l.jsx)("strong",{children:x.texts[41].value}),x.texts[42].value]}),(0,l.jsxs)("li",{children:[(0,l.jsx)("strong",{children:x.texts[43].value}),x.texts[44].value]})]})]})]})})});};}}]);