{"id":32219,"date":"2024-11-25T10:59:21","date_gmt":"2024-11-25T02:59:21","guid":{"rendered":"https:\/\/fwq.ai\/blog\/32219\/"},"modified":"2024-11-25T10:59:21","modified_gmt":"2024-11-25T02:59:21","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%ae%9e%e4%be%8b%ef%bc%9a%e6%94%b6%e8%97%8f%e4%b8%8e%e5%8f%96%e6%b6%88%e6%94%b6%e8%97%8f%e5%9b%be%e7%89%87%e4%bb%a5%e5%8f%8a%e5%88%87%e6%8d%a2%e5%9b%be","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/32219\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5b9e\u4f8b\uff1a\u6536\u85cf\u4e0e\u53d6\u6d88\u6536\u85cf\u56fe\u7247\u4ee5\u53ca\u5207\u6362\u56fe\u7247\u7684\u529f\u80fd\u6548\u679c"},"content":{"rendered":"

\u672c\u7bc7\u6587\u7ae0\u7ed9\u5927\u5bb6\u5e26\u6765\u7684\u5185\u5bb9\u662f\u5173\u4e8e\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5b9e\u4f8b\uff1a\u6536\u85cf\u4e0e\u53d6\u6d88\u6536\u85cf\u56fe\u7247\u4ee5\u53ca\u5207\u6362\u56fe\u7247\u7684\u529f\u80fd\u6548\u679c\uff0c\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u6709\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b\uff0c\u5e0c\u671b\u5bf9\u4f60\u6709\u6240\u5e2e\u52a9\u3002<\/p>\n

wxml\u754c\u9762\u4f7f\u7528image\u6807\u7b7e<\/p>\n

<image><\/image>\n   <image><\/image><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
js\u6587\u4ef6\u4e0a\u7684\u811a\u672c\uff1a<\/p>\n
\/\/ pages\/post_detail\/post_detail.js\nvar postData = require(\"..\/..\/data\/posts_data.js\")\nPage({\n \/**\n  * \u9875\u9762\u7684\u521d\u59cb\u6570\u636e\n  *\/\n data: {\n },\n \/**\n  * \u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u52a0\u8f7d\n  *\/\n onLoad: function(options) {\n  var postId = options.id;\n  this.data.currentPostId = postId\n  var postsData = postData.postList[postId];\n  console.log(postsData);\n  \/\/ this.data.postData=postsData;\n  this.setData({\n   post_key: postsData\n  })\n  \/\/ var postsCollected={\n  \/\/  1:\"true\",\n  \/\/  2:\"false\",\n  \/\/  3:\"true\",\n  \/\/ }\n  \/\/ console.log(postData);\n  \/\/ \u4ece\u7f13\u5b58\u4e2d\u8bfb\u53d6\u6240\u6709\u7684\u7f13\u5b58\u72b6\u6001\n  var postsCollected = wx.getStorageSync(\"posts_Collected\")\n  \/\/\u5982\u679c\u7f13\u5b58\u4e3a\u771f\uff0c\u6267\u884c\u4ee5\u4e0b\u4ee3\u7801\n  if (postsCollected) {\n   \/\/\u8bfb\u53d6\u5176\u4e2d\u4e00\u4e2a\u7f13\u5b58\u72b6\u6001\n   var postsCollected = postsCollected[postId]\n   this.setData({\n    \/\/\u5c06\u662f\u5426\u88ab\u6536\u85cf\u7684\u72b6\u6001\u4e0a\u7ed1\u5b9a\u5230collected\u8fd9\u4e2a\u53d8\u91cf\u4e0a\n    collected: postsCollected\n   })\n  } else {\n   var postsCollected = {};\n   postsCollected[postId] = false;\n   wx.setStorageSync(\"posts_Collected\", postsCollected)\n  }\n },\n onCollectionTap: function(event) {\n  \/\/\u83b7\u53d6\u7f13\u5b58\u7684\u65b9\u6cd5\n  var postsCollected = wx.getStorageSync('posts_Collected');\n  var postCollected = postsCollected[this.data.currentPostId];\n  console.log(postCollected);\n  \/\/\u53d6\u53cd\u64cd\u4f5c\uff0c\u6536\u85cf\u7684\u8bdd\uff0c\u70b9\u51fb\u53d8\u6210\u672a\u6536\u85cf\uff0c\u53cd\u4e4b\uff0c\u53d8\u6210\u6536\u85cf\u3002\n  postCollected = !postCollected;\n  postsCollected[this.data.currentPostId] = postCollected;\n  \/\/ \/\/\u66f4\u65b0\u6587\u7ae0\u662f\u5426\u6536\u85cf\u7684\u7f13\u5b58\u503c\u3002\n  \/\/ wx.setStorageSync('posts_Collected', postsCollected)\n  \/\/ \/\/\u66f4\u65b0\u6570\u636e\u7ed1\u5b9a\u53d8\u91cf,\u4ece\u800c\u5b9e\u73b0\u5207\u6362\u56fe\u7247\u3002\n  \/\/ this.setData({\n  \/\/  collected: postCollected\n  \/\/ })\n  this.showModal(postsCollected, postCollected)\n  \/\/ wx.showToast({\n  \/\/  title: postCollected ? \"\u6536\u85cf\u6210\u529f\" : \"\u53d6\u6d88\u6536\u85cf\",\n  \/\/  duration: 800,\n  \/\/  icon: \"success\"\n  \/\/ })\n  \/\/ wx.showModal({\n  \/\/  title: '\u786e\u5b9a\u6536\u85cf',\n  \/\/  content: '\u8fd9\u662f\u4e00\u4e2a\u6a21\u6001\u5f39\u7a97',\n  \/\/  success: function (res) {\n  \/\/   if (res.confirm) {\n  \/\/    console.log('\u7528\u6237\u70b9\u51fb\u786e\u5b9a')\n  \/\/   } else if (res.cancel) {\n  \/\/    console.log('\u7528\u6237\u70b9\u51fb\u53d6\u6d88')\n  \/\/   }\n  \/\/  }\n  \/\/ })\n  console.log(\"onCollectionTap\");\n },\n\/\/\u4f7f\u7528showModal API\u6765\u5b9e\u73b0\u754c\u9762\u4e0a\u903b\u8f91\u64cd\u4f5c\u3002\n showModal: function(postsCollected, postCollected) {\n\/\/\u8fd9\u4e2a\u6ce8\u610f\u4e00\u4e0b\uff0c\u7531\u4e8ethis\u662f\u5728page\u4e0b\u8c03\u7528\u7684\u65b9\u6cd5\uff0c\u8fd9\u91cc\u662f\u5728\u81ea\u5b9a\u4e49\u51fd\u6570\u4e0b\uff0c\u6240\u6709\u5fc5\u987b\u91cd\u65b0\u8d4b\u503c\u5230\u4e00\u4e2a\u65b0\u7684\u53d8\u91cf\uff0c\u624d\u80fd\u91cd\u65b0\u4f7f\u7528\uff0c\u4e0d\u660e\u767d\u7684\u540c\u5b66\u4eec\uff0c\u8bb0\u4f4f\u5c31\u884c\u3002\n  var ts = this;\n  wx.showModal({\n   title: '\u6536\u85cf',\n   content: postCollected ? \"\u6536\u85cf\u8be5\u6587\u7ae0\" : \"\u53d6\u6d88\u6536\u85cf\u8be5\u6587\u7ae0\",\n   success: function(res) {\n    if (res.confirm) {\n     wx.setStorageSync('posts_Collected', postsCollected)\n     \/\/\u66f4\u65b0\u6570\u636e\u7ed1\u5b9a\u53d8\u91cf,\u4ece\u800c\u5b9e\u73b0\u5207\u6362\u56fe\u7247\u3002\n     ts.setData({\n      collected: postCollected\n     })\n     console.log('\u7528\u6237\u70b9\u51fb\u786e\u5b9a')\n    } else if (res.cancel) {\n     console.log('\u7528\u6237\u70b9\u51fb\u53d6\u6d88')\n    }\n   }\n  })\n },\n \/\/ onCollectionTap: function(event) {\n \/\/  var baoxue = wx.getStorageSync(\"key\");\n \/\/  console.log(baoxue);\n \/\/ },\n onShareTap: function(event) {\n  \/\/ wx.removeStorageSync(\"key\")\n  \/\/\u7f13\u5b58\u7684\u4e0a\u9650\u6700\u5927\u4e0d\u80fd\u8d85\u8fc710MB\n  wx.clearStorageSync();\n  console.log(\"onShareTap\");\n },\n \/**\n  * \u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u521d\u6b21\u6e32\u67d3\u5b8c\u6210\n  *\/\n onReady: function() {\n },\n \/**\n  * \u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u663e\u793a\n  *\/\n onShow: function() {\n },\n \/**\n  * \u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u9690\u85cf\n  *\/\n onHide: function() {\n },\n \/**\n  * \u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u5378\u8f7d\n  *\/\n onUnload: function() {\n },\n \/**\n  * \u9875\u9762\u76f8\u5173\u4e8b\u4ef6\u5904\u7406\u51fd\u6570--\u76d1\u542c\u7528\u6237\u4e0b\u62c9\u52a8\u4f5c\n  *\/\n onPullDownRefresh: function() {\n },\n \/**\n  * \u9875\u9762\u4e0a\u62c9\u89e6\u5e95\u4e8b\u4ef6\u7684\u5904\u7406\u51fd\u6570\n  *\/\n onReachBottom: function() {\n  console.log(\"\u5230\u5e95\u4e86\");\n },\n \/**\n  * \u7528\u6237\u70b9\u51fb\u53f3\u4e0a\u89d2\u5206\u4eab\n  *\/\n onShareAppMessage: function() {\n }\n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5b9e\u4f8b\uff1a\u6536\u85cf\u4e0e\u53d6\u6d88\u6536\u85cf\u56fe\u7247\u4ee5\u53ca\u5207\u6362\u56fe\u7247\u7684\u529f\u80fd\u6548\u679c\u63d2\u56fe\"<\/p>\n
\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5b9e\u4f8b\uff1a\u6536\u85cf\u4e0e\u53d6\u6d88\u6536\u85cf\u56fe\u7247\u4ee5\u53ca\u5207\u6362\u56fe\u7247\u7684\u529f\u80fd\u6548\u679c\u63d2\u56fe1\"<\/p>\n
\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5b9e\u4f8b\uff1a\u6536\u85cf\u4e0e\u53d6\u6d88\u6536\u85cf\u56fe\u7247\u4ee5\u53ca\u5207\u6362\u56fe\u7247\u7684\u529f\u80fd\u6548\u679c\u63d2\u56fe2\"<\/p>\n
\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5b9e\u4f8b\uff1a\u6536\u85cf\u4e0e\u53d6\u6d88\u6536\u85cf\u56fe\u7247\u4ee5\u53ca\u5207\u6362\u56fe\u7247\u7684\u529f\u80fd\u6548\u679c\u63d2\u56fe3\"<\/p>\n
\u76f8\u5173\u63a8\u8350\uff1a<\/p>\n<\/p>\n
<\/span><\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5b9e\u4f8b\uff1a\u6536\u85cf\u4e0e\u53d6\u6d88\u6536\u85cf\u56fe\u7247\u4ee5\u53ca\u5207\u6362\u56fe\u7247\u7684\u529f\u80fd\u6548\u679c\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":"
\u672c\u7bc7\u6587\u7ae0\u7ed9\u5927\u5bb6\u5e26\u6765\u7684\u5185\u5bb9\u662f\u5173\u4e8e\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5b9e\u4f8b\uff1a\u6536\u85cf\u4e0e\u53d6\u6d88\u6536\u85cf\u56fe\u7247\u4ee5\u53ca\u5207\u6362\u56fe\u7247\u7684\u529f\u80fd\u6548\u679c\uff0c\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u6709\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b\uff0c\u5e0c\u671b\u5bf9\u4f60\u6709\u6240\u5e2e\u52a9\u3002 wxml\u754c\u9762\u4f7f\u7528image\u6807\u7b7e <image><\/image>    <image><\/image> \u767b\u5f55\u540e\u590d\u5236 js\u6587\u4ef6\u4e0a\u7684\u811a\u672c\uff1a \/\/ pages\/post_detail\/post_detail.js var postData = require(“..\/..\/data\/posts_data.js”) Page({  \/**   * \u9875\u9762\u7684\u521d\u59cb\u6570\u636e   *\/  data: {  },  \/**   * \u751f\u547d\u5468\u671f\u51fd\u6570–\u76d1\u542c\u9875\u9762\u52a0\u8f7d   *\/  onLoad: function(options) {   var postId = options.id;   this.data.currentPostId = postId   var postsData = postData.postList[postId];   console.log(postsData);   \/\/ this.data.postData=postsData;   this.setData({    post_key: postsData   })   \/\/ var postsCollected={   \/\/  1:”true”,   \/\/  2:”false”,   \/\/  3:”true”,   \/\/ }   \/\/ console.log(postData);   \/\/ \u4ece\u7f13\u5b58\u4e2d\u8bfb\u53d6\u6240\u6709\u7684\u7f13\u5b58\u72b6\u6001   var postsCollected = wx.getStorageSync(“posts_Collected”)   \/\/\u5982\u679c\u7f13\u5b58\u4e3a\u771f\uff0c\u6267\u884c\u4ee5\u4e0b\u4ee3\u7801   if (postsCollected) {    \/\/\u8bfb\u53d6\u5176\u4e2d\u4e00\u4e2a\u7f13\u5b58\u72b6\u6001    var postsCollected = postsCollected[postId]    this.setData({     \/\/\u5c06\u662f\u5426\u88ab\u6536\u85cf\u7684\u72b6\u6001\u4e0a\u7ed1\u5b9a\u5230collected\u8fd9\u4e2a\u53d8\u91cf\u4e0a     collected: postsCollected    })   } else {    var postsCollected = {};    postsCollected[postId] = false;    wx.setStorageSync(“posts_Collected”, postsCollected)   }  },  onCollectionTap: function(event) {   \/\/\u83b7\u53d6\u7f13\u5b58\u7684\u65b9\u6cd5   var postsCollected = wx.getStorageSync(‘posts_Collected’);   var postCollected = postsCollected[this.data.currentPostId];   console.log(postCollected);   \/\/\u53d6\u53cd\u64cd\u4f5c\uff0c\u6536\u85cf\u7684\u8bdd\uff0c\u70b9\u51fb\u53d8\u6210\u672a\u6536\u85cf\uff0c\u53cd\u4e4b\uff0c\u53d8\u6210\u6536\u85cf\u3002   postCollected = !postCollected; […]<\/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-32219","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32219","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=32219"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32219\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=32219"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=32219"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=32219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}