{"id":92143,"date":"2020-05-13T06:27:56","date_gmt":"2020-05-12T22:27:56","guid":{"rendered":"http:\/\/4563.org\/?p=92143"},"modified":"2020-05-13T06:27:56","modified_gmt":"2020-05-12T22:27:56","slug":"react-%e6%8a%80%e6%9c%af%e6%a0%88%e7%9b%ae%e5%89%8d%e6%9c%89%e5%93%aa%e4%ba%9b%e5%a5%bd%e7%94%a8%e7%9a%84-ui-%e7%bb%84%e4%bb%b6%e5%ba%93%e6%98%af%e5%90%8c%e6%97%b6%e6%94%af%e6%8c%81-mobile-%e7%ab%af","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=92143","title":{"rendered":"react \u6280\u672f\u6808\u76ee\u524d\u6709\u54ea\u4e9b\u597d\u7528\u7684 UI \u7ec4\u4ef6\u5e93\u662f\u540c\u65f6\u652f\u6301 Mobile \u7aef\u548c PC \u7aef\u7f51\u9875\u7684\uff1f"},"content":{"rendered":"
\n
\n
\n

react \u6280\u672f\u6808\u76ee\u524d\u6709\u54ea\u4e9b\u597d\u7528\u7684 UI \u7ec4\u4ef6\u5e93\u662f\u540c\u65f6\u652f\u6301 Mobile \u7aef\u548c PC \u7aef\u7f51\u9875\u7684\uff1f <\/h1>\n

<\/p>\n

\n
\u8cc7\u6df1\u5927\u4f6c : rioshikelong121 <\/span> <\/i> 19<\/span> <\/div>\n
<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n
<\/p>\n

PC \u7aef\u5c31\u662f\u6b63\u5e38\u7684\u540e\u53f0\u7ba1\u7406\u7cfb\u7edf\uff0cMobile \u7aef\u7f51\u9875\u4f1a\u6709\u4e00\u4e9b\u8868\u5355\u9700\u8981\u7528\u6237\u53bb\u586b\u5199\u3002 \u56e0\u4e3a\u5728 PC \u7aef\u9700\u8981\u9884\u89c8\u4e3a\u7528\u6237\u5b9a\u5236\u7684 Form\uff0c\u6240\u4ee5\u5e0c\u671b PC \u7aef\u548c Mobile \u7aef\u5c3d\u53ef\u80fd\u4f7f\u7528\u76f8\u540c\u6837\u5f0f\u7684\u7ec4\u4ef6\u5e93\u3002<\/p>\n

\u76ee\u524d\u5728\u8003\u8651\u7684\u51e0\u4e2a\u65b9\u6848\uff1a<\/p>\n

    \n
  1. \n

    antd (pc & mobile)<\/p>\n

    \u7f3a\u70b9\uff1aantd \u4e0d\u5b98\u65b9\u652f\u6301\u79fb\u52a8\u7aef\uff0c\u6240\u4ee5\u9700\u8981\u81ea\u5df1\u505a\u4e00\u4e9b\u9002\u914d\uff0c\u79fb\u52a8\u7aef\u51fa\u73b0\u95ee\u9898\u7684\u51e0\u7387\u611f\u89c9\u4f1a\u5927\u4e00\u4e9b\u3002<\/p>\n<\/li>\n

  2. \n

    antd & antd mobile<\/p>\n

    \u7f3a\u70b9\uff1aantd mobile \u7684\u66f4\u65b0\u597d\u50cf\u4e0d\u592a\u6d3b\u8dc3\uff0c\u5e76\u4e14 antd \u5df2\u7ecf\u5230\u4e86 v4\uff0cantd mobile \u7684\u6837\u5f0f\u770b\u4e0a\u53bb\u4e0d\u90a3\u4e48\u6709\u5438\u5f15\u529b\u3002 \u4ece\u5f00\u53d1\u7684\u89d2\u5ea6\u6765\u770b\uff0c\u540c\u65f6\u4f7f\u7528\u4e24\u4e2a\u7ec4\u4ef6\u5e93\u7684\u4f53\u9a8c\u662f\u6bd4\u8f83\u5272\u88c2\u7684\u3002<\/p>\n<\/li>\n

  3. \n

    material-ui (pc & mobile)<\/p>\n

    material \u662f mobile first \u7684\uff0c\u6240\u4ee5 pc \u548c mobile \u7528\u4e00\u5957\u7ec4\u4ef6\u5e93\u5c31\u53ef\u4ee5\u4e86\u3002<\/p>\n

    \u7f3a\u70b9\uff1a \u4f46\u662f css in js \u7684\u5f62\u5f0f\u6211\u4e2a\u4eba\u4e0d\u592a\u559c\u6b22\uff0c\u53e6\u5916 material-ui \u7684\u5c01\u88c5\u7a0b\u5ea6\u6bd4 antd \u8981\u4f4e\uff0cui \u4e0a\u7684\u98ce\u683c\u7279\u5f81\u6bd4 antd \u66f4\u5f3a\u70c8\u4e00\u4e9b\u3002<\/p>\n<\/li>\n<\/ol>\n

    \u5404\u4f4d\u6709\u4ec0\u4e48\u597d\u7684\u5efa\u8bae\u4e48\uff1f<\/p>\n<\/p><\/div>\n

    \u5927\u4f6c\u6709\u8a71\u8aaa<\/b> (2<\/span>) <\/div>\n
    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
      \n
    • \n
      \n
      \n
      \u8cc7\u6df1\u5927\u4f6c : Arisky <\/span> <\/div>\n
      <\/i> <\/span> <\/div>\n<\/p><\/div>\n
      \u6210\u5e74\u4eba\u5168\u90fd\u8981\u3002\u7528\u4e24\u5957\uff0c\u7ba1\u7406\u7cfb\u7edf <\/div>\n<\/p><\/div>\n<\/li>\n
    • \n
      \n
      \n
      \u8cc7\u6df1\u5927\u4f6c : ccyu220 <\/span> <\/div>\n
      <\/i> <\/span> <\/div>\n<\/p><\/div>\n
      antd & antd mobile\uff0c\u6bd4\u8f83\u7a33\u3002material-ui \u7684\u98ce\u683c\u56fd\u5185\u5176\u5b9e\u4e0d\u592a\u611f\u5192\u7684\uff0c\u8d77\u7801\u5f88\u591a\u4eba\u4e0d\u559c\u6b22\u3002 <\/div>\n<\/p><\/div>\n<\/li>\n
    • \n","protected":false},"excerpt":{"rendered":"

      react \u6280\u672f\u6808\u76ee\u524d\u6709\u54ea\u4e9b\u597d\u7528\u7684…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/92143"}],"collection":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=92143"}],"version-history":[{"count":0,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/92143\/revisions"}],"wp:attachment":[{"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=92143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=92143"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=92143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}