{"id":32106,"date":"2024-11-25T12:20:44","date_gmt":"2024-11-25T04:20:44","guid":{"rendered":"https:\/\/fwq.ai\/blog\/32106\/"},"modified":"2024-11-25T12:20:44","modified_gmt":"2024-11-25T04:20:44","slug":"%e5%b0%8f%e7%a8%8b%e5%ba%8f%e4%b9%8b%e9%a1%b5%e9%9d%a2%e7%94%a8%e4%b9%9d%e5%ae%ab%e6%a0%bc%e5%8f%8aitem%e8%b7%b3%e8%bd%ac%e7%9a%84%e5%8a%9f%e8%83%bd%e5%ae%9e%e7%8e%b0","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/32106\/","title":{"rendered":"\u5c0f\u7a0b\u5e8f\u4e4b\u9875\u9762\u7528\u4e5d\u5bab\u683c\u53caitem\u8df3\u8f6c\u7684\u529f\u80fd\u5b9e\u73b0"},"content":{"rendered":"

\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5173\u4e8e\u5c0f\u7a0b\u5e8f\u4e4b\u9875\u9762\u7528\u4e5d\u5bab\u683c\u53caitem\u8df3\u8f6c\u7684\u529f\u80fd\u5b9e\u73b0\uff0c\u6709\u7740\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u73b0\u5728\u5206\u4eab\u7ed9\u5927\u5bb6\uff0c\u6709\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b<\/p>\n

\u6548\u679c\u56fe\uff1a<\/strong><\/span><\/p>\n

\"\u5c0f\u7a0b\u5e8f\u4e4b\u9875\u9762\u7528\u4e5d\u5bab\u683c\u53caitem\u8df3\u8f6c\u7684\u529f\u80fd\u5b9e\u73b0\u63d2\u56fe\"<\/p>\n

 \u5b9e\u73b0\u6548\u679c\u56fe\u7ea2\u8272\u7ebf\u5305\u542b\u90e8\u5206\u7684\u4e5d\u5bab\u683c\u6548\u679c\uff0c\u5e76\u9644\u5e26item\u70b9\u51fb\u65f6\u95f4\u3002<\/strong><\/p>\n

 \u5177\u4f53\u5b9e\u73b0\uff1a<\/strong><\/p>\n

 1\u3001\u9996\u5148\u6dfb\u52a0\u56fe\u7247\u8d44\u6e90\u6587\u4ef6<\/span><\/strong><\/p>\n

\u3000   \u5728\u9879\u76ee\u6839\u76ee\u5f55\u65b0\u5efa\u4e00\u4e2a\u76ee\u5f55\uff0c\u53d6\u540d\u4e3aimages , \u7528\u4e8e\u5b58\u653e\u56fe\u7247\u8d44\u6e90\uff0c\u7136\u540e\u6dfb\u52a0\u8fdb\u5165\u51e0\u5f20\u56fe\u7247<\/span><\/p>\n

       \"\u5c0f\u7a0b\u5e8f\u4e4b\u9875\u9762\u7528\u4e5d\u5bab\u683c\u53caitem\u8df3\u8f6c\u7684\u529f\u80fd\u5b9e\u73b0\u63d2\u56fe1\"<\/span><\/p>\n

  2\u3001\u5728home\u76ee\u5f55\u4e0b\u7684home.js \u6587\u4ef6\u4e2d(\u53c2\u7167\u524d\u4e24\u7bc7\u5c0f\u7a0b\u5e8f\u5b9e\u8df5\u6587\u7ae0) \u8fdb\u884c\u6570\u636e\u6e90\u7684\u914d\u7f6e<\/strong><\/p>\n

       \"\u5c0f\u7a0b\u5e8f\u4e4b\u9875\u9762\u7528\u4e5d\u5bab\u683c\u53caitem\u8df3\u8f6c\u7684\u529f\u80fd\u5b9e\u73b0\u63d2\u56fe2\"<\/p>\n

      \u6570\u636e\u6e90\u4e3a\u4e00\u4e2a\u6570\u7ec4\uff0c\u6bcf\u4e2a\u6570\u7ec4\u5143\u7d20\u4e3a\u4e00\u4e2a\u5bf9\u8c61\uff0c\u8be5\u5bf9\u8c61\u5305\u542bname(item\u6587\u5b57)\uff0cimg(item\u793a\u610f\u56fe)\uff0curl(\u70b9\u51fb\u8be5item\u8df3\u8f6c\u76ee\u5f55)<\/p>\n

  3\u3001\u4f9d\u636e\u5217\u8868\u6e32\u67d3\u7684\u77e5\u8bc6\u70b9\u8fdb\u884chome.wxml\u7684\u7f16\u7a0b<\/strong><\/p>\n

\u3000   \u2460\u3001\u4ece\u6548\u679c\u56fe\u4e0a\u6bcf\u4e2aitem\u90fd\u88ab\u7ec6\u7ebf\u5305\u56f4\uff0c\u8fd9\u662f\u6784\u5efa\u601d\u8def\u662f\uff0c\u5916\u90e8\u4e00\u4e2aview\uff0c\u7ed8\u5236\u9876\u90e8\u8fb9\u6846\u7ebf<\/p>\n

       \u6700\u5916\u5c42view\u6837\u5f0f\uff1a<\/p>\n

       \"\u5c0f\u7a0b\u5e8f\u4e4b\u9875\u9762\u7528\u4e5d\u5bab\u683c\u53caitem\u8df3\u8f6c\u7684\u529f\u80fd\u5b9e\u73b0\u63d2\u56fe3\"<\/p>\n

      \u2461\u3001\u5916\u90e8view\u91cc\u9762\u6bcf\u4e00\u4e2aitem\u7ed8\u5236\u53f3\u4fa7\u548c\u4e0b\u4fa7\u7684\u8fb9\u6846\u7ebf\uff0c  \u6bcf\u4e2aitem\u7684\u5bbd\u5ea6\u8bbe\u4e3a33.33333% \u610f\u5473\u7740\u4e00\u884c\u663e\u793a\u5747\u5206\u663e\u793a3\u4e2aitem\u3002<\/p>\n

      \"\u5c0f\u7a0b\u5e8f\u4e4b\u9875\u9762\u7528\u4e5d\u5bab\u683c\u53caitem\u8df3\u8f6c\u7684\u529f\u80fd\u5b9e\u73b0\u63d2\u56fe4\"<\/p>\n

       \u2462\u3001\u6bcf\u4e2aitem\u5185\u90e8\u5305\u542b\u4e00\u4e2a\u56fe\u7247\u548c\u4e00\u4e2a\u6587\u5b57\uff0c\u4e14item\u53ef\u4ee5\u70b9\u51fb\u8df3\u8f6c\u5230\u5404\u81ea\u6307\u5b9a\u7684\u9875\u9762<\/p>\n

              \u8fd9\u91cc\u4f7f\u7528navigation\u7ec4\u4ef6<\/p>\n

       \u3000\u3000navigation\u7ec4\u4ef6\u6709\u4e00\u4e2a\u5c5e\u6027url\uff1a\u5f53\u524d\u5c0f\u7a0b\u5e8f\u5185\u7684\u8df3\u8f6c\u94fe\u63a5 \uff0c\u6307\u5b9a\u70b9\u51fb\u8be5\u7ec4\u4ef6\u8df3\u8f6c\u7684\u9875\u9762\u8def\u5f84<\/p>\n

       \u5b8c\u6574\u4ee3\u7801\uff1a<\/p>\n

   home.wxml\u6587\u4ef6\n   <view =>\n      <block wx:= wx:key=>\n        <navigator url= =>\n          <image src= =><\/image>\n          <view =>{{item.name}}<\/view>\n        <\/navigator>\n      <\/block>\n    <\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u3000\u3000home.wxss\u6587\u4ef6\n\n\u3000\u3000.home_grids {\n\u3000\u3000  border-top: 1rpx solid #D9D9D9;\n\u3000\u3000  overflow: hidden;\n\u3000\u3000  margin-top: 10px\n\u3000\u3000}\n\n\u3000\u3000.home_grid{\n\u3000\u3000  position: relative;\n \u3000\u3000 float: left;\n \u3000\u3000 padding: 20px 10px;\n \u3000\u3000 width: 33.33333333%;\n\u3000\u3000  box-sizing: border-box;\n\u3000\u3000  border-right: 1rpx solid #D9D9D9;\n\u3000\u3000  border-bottom: 1rpx solid #D9D9D9;\n\u3000\u3000}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u672c\u6587\u7684\u5168\u90e8\u5185\u5bb9\uff0c\u5e0c\u671b\u5bf9\u5927\u5bb6\u7684\u5b66\u4e60\u6709\u6240\u5e2e\u52a9\uff0c\u66f4\u591a\u76f8\u5173\u5185\u5bb9\u8bf7\u5173\u6ce8PHP\u4e2d\u6587\u7f51\uff01<\/p>\n
\u76f8\u5173\u63a8\u8350\uff1a<\/p>\n
<\/p>\n
<\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5c0f\u7a0b\u5e8f\u4e4b\u9875\u9762\u7528\u4e5d\u5bab\u683c\u53caitem\u8df3\u8f6c\u7684\u529f\u80fd\u5b9e\u73b0\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5173\u4e8e\u5c0f\u7a0b\u5e8f\u4e4b\u9875\u9762\u7528\u4e5d\u5bab\u683c\u53caitem\u8df3\u8f6c\u7684\u529f\u80fd\u5b9e\u73b0\uff0c\u6709\u7740\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u73b0\u5728\u5206\u4eab\u7ed9\u5927\u5bb6\uff0c\u6709\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b \u6548\u679c\u56fe\uff1a  \u5b9e\u73b0\u6548\u679c\u56fe\u7ea2\u8272\u7ebf\u5305\u542b\u90e8\u5206\u7684\u4e5d\u5bab\u683c\u6548\u679c\uff0c\u5e76\u9644\u5e26item\u70b9\u51fb\u65f6\u95f4\u3002  \u5177\u4f53\u5b9e\u73b0\uff1a  1\u3001\u9996\u5148\u6dfb\u52a0\u56fe\u7247\u8d44\u6e90\u6587\u4ef6 \u3000   \u5728\u9879\u76ee\u6839\u76ee\u5f55\u65b0\u5efa\u4e00\u4e2a\u76ee\u5f55\uff0c\u53d6\u540d\u4e3aimages , \u7528\u4e8e\u5b58\u653e\u56fe\u7247\u8d44\u6e90\uff0c\u7136\u540e\u6dfb\u52a0\u8fdb\u5165\u51e0\u5f20\u56fe\u7247           2\u3001\u5728home\u76ee\u5f55\u4e0b\u7684home.js \u6587\u4ef6\u4e2d(\u53c2\u7167\u524d\u4e24\u7bc7\u5c0f\u7a0b\u5e8f\u5b9e\u8df5\u6587\u7ae0) \u8fdb\u884c\u6570\u636e\u6e90\u7684\u914d\u7f6e               \u6570\u636e\u6e90\u4e3a\u4e00\u4e2a\u6570\u7ec4\uff0c\u6bcf\u4e2a\u6570\u7ec4\u5143\u7d20\u4e3a\u4e00\u4e2a\u5bf9\u8c61\uff0c\u8be5\u5bf9\u8c61\u5305\u542bname(item\u6587\u5b57)\uff0cimg(item\u793a\u610f\u56fe)\uff0curl(\u70b9\u51fb\u8be5item\u8df3\u8f6c\u76ee\u5f55)   3\u3001\u4f9d\u636e\u5217\u8868\u6e32\u67d3\u7684\u77e5\u8bc6\u70b9\u8fdb\u884chome.wxml\u7684\u7f16\u7a0b \u3000   \u2460\u3001\u4ece\u6548\u679c\u56fe\u4e0a\u6bcf\u4e2aitem\u90fd\u88ab\u7ec6\u7ebf\u5305\u56f4\uff0c\u8fd9\u662f\u6784\u5efa\u601d\u8def\u662f\uff0c\u5916\u90e8\u4e00\u4e2aview\uff0c\u7ed8\u5236\u9876\u90e8\u8fb9\u6846\u7ebf        \u6700\u5916\u5c42view\u6837\u5f0f\uff1a               \u2461\u3001\u5916\u90e8view\u91cc\u9762\u6bcf\u4e00\u4e2aitem\u7ed8\u5236\u53f3\u4fa7\u548c\u4e0b\u4fa7\u7684\u8fb9\u6846\u7ebf\uff0c  \u6bcf\u4e2aitem\u7684\u5bbd\u5ea6\u8bbe\u4e3a33.33333% \u610f\u5473\u7740\u4e00\u884c\u663e\u793a\u5747\u5206\u663e\u793a3\u4e2aitem\u3002               \u2462\u3001\u6bcf\u4e2aitem\u5185\u90e8\u5305\u542b\u4e00\u4e2a\u56fe\u7247\u548c\u4e00\u4e2a\u6587\u5b57\uff0c\u4e14item\u53ef\u4ee5\u70b9\u51fb\u8df3\u8f6c\u5230\u5404\u81ea\u6307\u5b9a\u7684\u9875\u9762           […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-32106","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=32106"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32106\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=32106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=32106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=32106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}