{"id":32326,"date":"2024-11-25T16:50:13","date_gmt":"2024-11-25T08:50:13","guid":{"rendered":"https:\/\/fwq.ai\/blog\/32326\/"},"modified":"2024-11-25T16:50:13","modified_gmt":"2024-11-25T08:50:13","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%95%86%e5%9f%8e%e5%bc%80%e5%8f%91%e4%b9%8b%e5%8a%a8%e6%80%81api%e5%ae%9e%e7%8e%b0%e5%95%86%e5%93%81%e7%9a%84%e8%af%a6%e6%83%85%e9%a1%b5%e7%9a%84-2","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/32326\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5546\u57ce\u5f00\u53d1\u4e4b\u52a8\u6001API\u5b9e\u73b0\u5546\u54c1\u7684\u8be6\u60c5\u9875\u7684\u4ee3\u7801\uff08\u4e0b\uff09"},"content":{"rendered":"

\u672c\u7bc7\u6587\u7ae0\u7ed9\u5927\u5bb6\u5e26\u6765\u7684\u5185\u5bb9\u662f\u5173\u4e8e\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5546\u57ce\u5f00\u53d1\u4e4b\u52a8\u6001API\u5b9e\u73b0\u5546\u54c1\u7684\u8be6\u60c5\u9875\u7684\u4ee3\u7801\uff08\u4e0b\uff09 \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

\u770b\u6548\u679c<\/h4>\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5546\u57ce\u5f00\u53d1\u4e4b\u52a8\u6001API\u5b9e\u73b0\u5546\u54c1\u7684\u8be6\u60c5\u9875\u7684\u4ee3\u7801\uff08\u4e0b\uff09\u63d2\u56fe\"<\/p>\n

\u52a0\u5165\u8d2d\u7269\u8f66.gif<\/p>\n

\u5f00\u53d1\u8ba1\u5212<\/h4>\n

1\u3001\u52a0\u5165\u8d2d\u7269\u8f66\u60ac\u6d6e\u6846\u3001\u5546\u54c1\u6570\u91cf\u3001\u4ef7\u683c\u8ba1\u7b97\u3001\u6536\u85cf\u548c\u52a0\u5165\u8d2d\u7269\u8f66\u529f\u80fd\u5f00\u53d1
2\u3001\u8c03\u7528\u52a0\u5165\u8d2d\u7269\u8f66api\u52a0\u5165\u8d2d\u7269\u8f66<\/p>\n

\u6839\u636e\u5546\u54c1ID\u83b7\u53d6\u5546\u54c1\u8be6\u60c5API\u6570\u636e\u6a21\u578b<\/h4>\n

\u8bbf\u95ee\uff1ahttps:\/\/100boot.cn\/ \u9009\u62e9\u5fae\u5546\u57ce\u6848\u4f8b\uff0c\u5982\u4e0b\u56fe\u6240\u793a\uff1a<\/p>\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5546\u57ce\u5f00\u53d1\u4e4b\u52a8\u6001API\u5b9e\u73b0\u5546\u54c1\u7684\u8be6\u60c5\u9875\u7684\u4ee3\u7801\uff08\u4e0b\uff09\u63d2\u56fe1\"<\/p>\n

\u52a0\u5165\u8d2d\u7269\u8f66\u548c\u5546\u54c1\u6536\u85cfAPI.jpg<\/p>\n

<\/p>\n

\u4e0b\u65b9\u8fd8\u6709\u8be6\u7ec6\u7684\u6570\u636e\u6a21\u578b\u53ef\u4ee5\u67e5\u770b\u54e6\uff01<\/p>\n

detail.wxml<\/h4>\n
<!-- \u5e95\u90e8\u60ac\u6d6e\u680f --><view>\n  <image><\/image>  \n  <view><\/view>\n   <image><\/image> \n  <button>\u52a0\u5165\u8d2d\u7269\u8f66<\/button>\n  <button>\u7acb\u5373\u8d2d\u4e70<\/button><\/view><!--\u52a0\u5165\u8d2d\u7269\u8f66-->#template\u6a21\u677f\u5f15\u7528<import><\/import><view>\n      <view><\/view>\n      <view>\n        <view>\n          <icon><\/icon>\n          <image><\/image>\n          <view>\n            <text>\uffe5{{goods.totalMoney}}<\/text>\n            <text>\u9500\u91cf {{goods.buyRate}} \u4ef6<\/text>\n            <text>\u5546\u54c1\u7f16\u7801\uff1a{{goods.goodsId}}<\/text>\n          <\/view>\n        <\/view>\n        <text><\/text>\n        <view>\n          <text>\u8d2d\u4e70\u6570\u91cf<\/text>\n          <view>\n              <!-- <template is=\"quantity\"  data=\"{{ ...item,index:index}}\" \/>  -->\n               <template><\/template> \n          <\/view>\n        <\/view>\n        <text><\/text>\n\n        <button>\u786e\u5b9a<\/button>\n      <\/view>\n    <\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
detail.wxss<\/h4>\n
#template \u6a21\u677f\u5f15\u7528\n @import \"..\/template\/template.wxss\"; \n\/* sku\u9009\u62e9 *\/\n.dialog__mask {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 10;\n  background: rgba(0, 0, 0, 0.7);\n  display: none;\n}\n.dialog__container {\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  background: white;\n  transform: translateY(150%);\n  transition: all 0.4s ease;\n  z-index: 11;\n}\n.dialog--show .dialog__container {\n  transform: translateY(0);\n}\n.dialog--show .dialog__mask {\n  display: block;\n}\n.image-sku {\n  width: 200rpx;\n  height: 200rpx;\n  z-index: 12;\n  position: absolute;\n  left: 20px;\n  top: -30px;\n  border-radius: 20rpx;\n}\n.image-close {\n  width: 40rpx;\n  height: 40rpx;\n  position: fixed;\n  right: 20rpx;\n  top: 10rpx;\n}\n.column {\n  display: flex;\n  flex-direction: column;\n}\n.row {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.border-line {\n  width: 100%;\n  height: 2rpx;\n  display: inline-block;\n  margin: 30rpx 0rpx;\n  background-color: gainsboro;\n  text-align: center;\n}\n.sku-title {\n  position: relative;\n  left: 300rpx;\n  margin: 1rpx;\n}\n.sku-price {\n  color: red;\n  position: relative;\n  left: 300rpx;\n  margin: 1rpx;\n}\n.row .quantity-position {\n  position: absolute;\n  right: 30rpx;\n  display: flex;  \n  justify-content: center;  \n  flex-direction: column;  \n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
detail.js<\/h4>\n
\/\/ \u6536\u85cf-\u4fee\u6539\u6536\u85cf\u72b6\u6001\n  addLike() {\n    this.setData({\n      isLike: !this.data.isLike\n    });\najax.request({\n      method: 'GET',\n      url: 'collection\/addShopCollection?key=' + utils.key + '&goodsId=' + goodsId,\n      success: data => {\n        console.log(\"\u6536\u85cf\u8fd4\u56de\u7ed3\u679c\uff1a\" + data.message)\n        wx.showToast({\n          title: data.message,\n          icon: 'success',\n          duration: 2000\n        });\n      }\n    })\n  },\n\/\/ \u7acb\u5373\u8d2d\u4e70-\u5f85\u5f00\u53d1\n  immeBuy() {\n    wx.showToast({\n      title: '\u8d2d\u4e70\u6210\u529f',\n      icon: 'success',\n      duration: 2000\n    });\n  },\n\/\/ \u8df3\u5230\u8d2d\u7269\u8f66-\u5f85\u5f00\u53d1\n  toCar() {\n    wx.navigateTo({\n      url: '..\/cart\/cart'\n    })\n  },\n \/**\n   * sku \u5f39\u51fa\n   *\/\n  toggleDialog: function () {\n    this.setData({\n      showDialog: !this.data.showDialog\n    });\n  },\n  \/**\n   * sku \u5173\u95ed\n   *\/\n  closeDialog: function () {\n    console.info(\"\u5173\u95ed\");\n    this.setData({\n      showDialog: false\n    });\n  },\n\/* \u51cf\u6570 *\/\n  delCount: function (e) {\n    console.log(\"\u521a\u521a\u60a8\u70b9\u51fb\u4e86\u51cf1\");\n    var count = this.data.goods.count;\n    \/\/ \u5546\u54c1\u603b\u6570\u91cf-1\n    if (count > 1) {\n      this.data.goods.count--;\n    }\n    \/\/ \u5c06\u6570\u503c\u4e0e\u72b6\u6001\u5199\u56de  \n    this.setData({\n      goods: this.data.goods\n    });\n    this.priceCount();\n  },\n  \/* \u52a0\u6570 *\/\n  addCount: function (e) {\n    console.log(\"\u521a\u521a\u60a8\u70b9\u51fb\u4e86\u52a01\");\n    var count = this.data.goods.count;\n    \/\/ \u5546\u54c1\u603b\u6570\u91cf-1  \n    if (count < 10) {\n      this.data.goods.count++;\n    }\n    \/\/ \u5c06\u6570\u503c\u4e0e\u72b6\u6001\u5199\u56de  \n    this.setData({\n      goods: this.data.goods\n    });\n    this.priceCount();\n  },\n  \/\/\u4ef7\u683c\u8ba1\u7b97\n  priceCount: function (e) {\n    this.data.goods.totalMoney = this.data.goods.price * this.data.goods.count;\n    this.setData({\n      goods: this.data.goods\n    })\n  },\n\/* \u51cf\u6570 *\/\n  delCount: function (e) {\n    console.log(\"\u521a\u521a\u60a8\u70b9\u51fb\u4e86\u51cf1\");\n    var count = this.data.goods.count;\n    \/\/ \u5546\u54c1\u603b\u6570\u91cf-1\n    if (count > 1) {\n      this.data.goods.count--;\n    }\n    \/\/ \u5c06\u6570\u503c\u4e0e\u72b6\u6001\u5199\u56de  \n    this.setData({\n      goods: this.data.goods\n    });\n    this.priceCount();\n  },\n  \/* \u52a0\u6570 *\/\n  addCount: function (e) {\n    console.log(\"\u521a\u521a\u60a8\u70b9\u51fb\u4e86\u52a01\");\n    var count = this.data.goods.count;\n    \/\/ \u5546\u54c1\u603b\u6570\u91cf-1  \n    if (count < 10) {\n      this.data.goods.count++;\n    }\n    \/\/ \u5c06\u6570\u503c\u4e0e\u72b6\u6001\u5199\u56de  \n    this.setData({\n      goods: this.data.goods\n    });\n    this.priceCount();\n  },\n  \/\/\u4ef7\u683c\u8ba1\u7b97\n  priceCount: function (e) {\n    this.data.goods.totalMoney = this.data.goods.price * this.data.goods.count;\n    this.setData({\n      goods: this.data.goods\n    })\n  },\n\/**\n   * \u52a0\u5165\u8d2d\u7269\u8f66\n   *\/\n  addCar: function (e) {\n    var count = this.data.goods.count;\n    ajax.request({\n      method: 'GET',\n      url: 'carts\/addShopCarts?key=' + utils.key + '&goodsId=' + goodsId + '&num=' + count,\n      success: data => {\n        console.log(\"\u52a0\u5165\u8d2d\u7269\u8f66\u8fd4\u56de\u7ed3\u679c\uff1a\" + data.message)\n        wx.showToast({\n          title: '\u52a0\u5165\u8d2d\u7269\u8f66\u6210\u529f',\n          icon: 'success',\n          duration: 2000\n        });\n      }\n    })\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
template\u6a21\u677f\u4f7f\u7528<\/h4>\n
\u7531\u4e8e\u518d\u52a0\u4e0atemplate\u7684\u6e90\u7801\u592a\u957f\u4e86\uff0c\u5927\u5bb6\u53ef\u4ee5\u76f4\u63a5\u4e0b\u8f7d\u6e90\u7801\u4f7f\u7528\u5c31\u597d\u3002<\/p>\n
\u76f8\u5173\u63a8\u8350\uff1a<\/p>\n<\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5546\u57ce\u5f00\u53d1\u4e4b\u52a8\u6001API\u5b9e\u73b0\u5546\u54c1\u7684\u8be6\u60c5\u9875\u7684\u4ee3\u7801\uff08\u4e0b\uff09\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\u5546\u57ce\u5f00\u53d1\u4e4b\u52a8\u6001API\u5b9e\u73b0\u5546\u54c1\u7684\u8be6\u60c5\u9875\u7684\u4ee3\u7801\uff08\u4e0b\uff09 \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 \u770b\u6548\u679c \u52a0\u5165\u8d2d\u7269\u8f66.gif \u5f00\u53d1\u8ba1\u5212 1\u3001\u52a0\u5165\u8d2d\u7269\u8f66\u60ac\u6d6e\u6846\u3001\u5546\u54c1\u6570\u91cf\u3001\u4ef7\u683c\u8ba1\u7b97\u3001\u6536\u85cf\u548c\u52a0\u5165\u8d2d\u7269\u8f66\u529f\u80fd\u5f00\u53d12\u3001\u8c03\u7528\u52a0\u5165\u8d2d\u7269\u8f66api\u52a0\u5165\u8d2d\u7269\u8f66 \u6839\u636e\u5546\u54c1ID\u83b7\u53d6\u5546\u54c1\u8be6\u60c5API\u6570\u636e\u6a21\u578b \u8bbf\u95ee\uff1ahttps:\/\/100boot.cn\/ \u9009\u62e9\u5fae\u5546\u57ce\u6848\u4f8b\uff0c\u5982\u4e0b\u56fe\u6240\u793a\uff1a \u52a0\u5165\u8d2d\u7269\u8f66\u548c\u5546\u54c1\u6536\u85cfAPI.jpg \u4e0b\u65b9\u8fd8\u6709\u8be6\u7ec6\u7684\u6570\u636e\u6a21\u578b\u53ef\u4ee5\u67e5\u770b\u54e6\uff01 detail.wxml <!– \u5e95\u90e8\u60ac\u6d6e\u680f –><view>   <image><\/image>     <view><\/view>    <image><\/image>    <button>\u52a0\u5165\u8d2d\u7269\u8f66<\/button>   <button>\u7acb\u5373\u8d2d\u4e70<\/button><\/view><!–\u52a0\u5165\u8d2d\u7269\u8f66–>#template\u6a21\u677f\u5f15\u7528<import><\/import><view>       <view><\/view>       <view>         <view>           <icon><\/icon>           <image><\/image>           <view>             <text>\uffe5{{goods.totalMoney}}<\/text>             <text>\u9500\u91cf {{goods.buyRate}} \u4ef6<\/text>             <text>\u5546\u54c1\u7f16\u7801\uff1a{{goods.goodsId}}<\/text>           <\/view>         <\/view>         <text><\/text>         <view>           <text>\u8d2d\u4e70\u6570\u91cf<\/text>           <view>               <!– <template is=”quantity” data=”{{ …item,index:index}}” \/> –>                <template><\/template>            <\/view>         <\/view>         <text><\/text>         <button>\u786e\u5b9a<\/button>       <\/view>     <\/view> \u767b\u5f55\u540e\u590d\u5236 detail.wxss #template \u6a21\u677f\u5f15\u7528  @import “..\/template\/template.wxss”;  \/* sku\u9009\u62e9 *\/ .dialog__mask {   position: fixed; […]<\/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-32326","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32326","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=32326"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32326\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=32326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=32326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=32326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}