{"id":31736,"date":"2024-11-25T08:49:34","date_gmt":"2024-11-25T00:49:34","guid":{"rendered":"https:\/\/fwq.ai\/blog\/31736\/"},"modified":"2024-11-25T08:49:34","modified_gmt":"2024-11-25T00:49:34","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e4%b8%ad%e5%af%86%e7%a0%81%e8%be%93%e5%85%a5%e6%a1%86%e7%9a%84%e8%ae%be%e8%ae%a1%e4%bb%a3%e7%a0%81","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/31736\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u5bc6\u7801\u8f93\u5165\u6846\u7684\u8bbe\u8ba1\u4ee3\u7801"},"content":{"rendered":"

\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u5bc6\u7801\u8f93\u5165\u7684\u76f8\u5173\u8d44\u6599,\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b<\/p>\n

\u8bbe\u8ba1\u652f\u4ed8\u5bc6\u7801\u7684\u8f93\u5165\u6846<\/p>\n

\u6548\u679c\u5982\u4e0b\uff1a<\/p>\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u5bc6\u7801\u8f93\u5165\u6846\u7684\u8bbe\u8ba1\u4ee3\u7801\u63d2\u56fe\"<\/p>\n

\u5b9e\u4f8b\u4ee3\u7801\uff1a<\/strong><\/p>\n<\/p>\n

<view><view>\u652f\u4ed8\u65b9\u5f0f<\/view><view><i><\/i>\n<text>\u5fae\u4fe1\u652f\u4ed8<\/text><\/view><view><i><\/i>\n<text>\u5bf9\u516c\u6253\u6b3e<\/text><\/view><block><view><i><\/i>\n<text>\u94b1\u5305\u652f\u4ed8(\u4f59\u989d:{{balance\/100}}\u5143)<\/text><\/view><\/block><block><view><i><\/i>\n<text>\u94b1\u5305\u652f\u4ed8(\u4f59\u989d\u4e0d\u8db3)<\/text><\/view><\/block><\/view><view>\u786e\u5b9a<\/view><!--\u8f93\u5165\u94b1\u5305\u5bc6\u7801--><view><view><view><view>\u00d7<\/view><view>\u8bf7\u8f93\u5165\u652f\u4ed8\u5bc6\u7801<\/view><view>\u5fd8\u8bb0\u5bc6\u7801<\/view><\/view><view><span>\uffe5<\/span>\n<text>{{actual_fee\/100}}<\/text><\/view><view><view><i>=1}}\"&gt;<\/i>\n<\/view><view><i>=2}}\"&gt;<\/i>\n<\/view><view><i>=3}}\"&gt;<\/i>\n<\/view><view><i>=4}}\"&gt;<\/i>\n<\/view><view><i>=5}}\"&gt;<\/i>\n<\/view><view><i>=6}}\"&gt;<\/i>\n<\/view><\/view><\/view><input><\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
index.js<\/strong><\/p>\n<\/p>\n
Page({\n data: {\n  payment_mode: 1,\/\/\u9ed8\u8ba4\u652f\u4ed8\u65b9\u5f0f \u5fae\u4fe1\u652f\u4ed8\n  isFocus: false,\/\/\u63a7\u5236input \u805a\u7126\n  balance:100,\/\/\u4f59\u989d\n  actual_fee:20,\/\/\u5f85\u652f\u4ed8\n  wallets_password_flag:false\/\/\u5bc6\u7801\u8f93\u5165\u906e\u7f69\n },\n \/\/\u4e8b\u4ef6\u5904\u7406\u51fd\u6570\n \n onLoad: function () {\n  \n },\n wx_pay() {\/\/\u8f6c\u6362\u4e3a\u5fae\u4fe1\u652f\u4ed8\n  this.setData({\n   payment_mode: 1\n  })\n },\n offline_pay() {\/\/\u8f6c\u6362\u4e3a\u8f6c\u8d26\u652f\u4ed8\n  this.setData({\n   payment_mode: 0\n  })\n },\n wallet_pay() {\n  this.setData({\/\/\u8f6c\u6362\u4e3a\u94b1\u5305\u652f\u4ed8\n   payment_mode: 2\n  })\n },\n set_wallets_password(e) {\/\/\u83b7\u53d6\u94b1\u5305\u5bc6\u7801\n  this.setData({\n   wallets_password: e.detail.value\n  });\n  if (this.data.wallets_password.length == 6) {\/\/\u5bc6\u7801\u957f\u5ea66\u4f4d\u65f6\uff0c\u81ea\u52a8\u9a8c\u8bc1\u94b1\u5305\u652f\u4ed8\u7ed3\u679c\n   wallet_pay(this)\n  }\n },\n set_Focus() {\/\/\u805a\u7126input\n  console.log('isFocus', this.data.isFocus)\n  this.setData({\n   isFocus: true\n  })\n },\n set_notFocus() {\/\/\u5931\u53bb\u7126\u70b9\n  this.setData({\n   isFocus: false\n  })\n },\n close_wallets_password () {\/\/\u5173\u95ed\u94b1\u5305\u8f93\u5165\u5bc6\u7801\u906e\u7f69\n  this.setData({\n   isFocus: false,\/\/\u5931\u53bb\u7126\u70b9\n   wallets_password_flag: false,\n  })\n },\n pay() {\/\/\u53bb\u652f\u4ed8\n  pay(this)\n }\n})\n\/*-----------------------------------------------*\/\n\/*\u652f\u4ed8*\/\nfunction pay(_this) {\n let apikey = _this.data.apikey;\n let id = _this.data.id;\n let payment_mode = _this.data.payment_mode\n if (payment_mode == 1) {\n \/\/ \u5fae\u4fe1\u652f\u4ed8\n \/\/ \u5fae\u4fe1\u81ea\u5e26\u5bc6\u7801\u8f93\u5165\u6846\n  console.log('\u5fae\u4fe1\u652f\u4ed8')\n } else if (payment_mode == 0) {\n \/\/ \u8f6c\u8d26\u652f\u4ed8 \u540e\u7eed\u8df3\u8f6c\u81f3\u4f20\u8f6c\u8d26\u5355\u7167\u7247\n  console.log('\u8f6c\u8d26\u652f\u4ed8')\n } else if (payment_mode == 2) {\n  \/\/ \u94b1\u5305\u652f\u4ed8 \u8f93\u5165\u5bc6\u7801\n  console.log('\u94b1\u5305\u652f\u4ed8')\n  _this.setData({\n   wallets_password_flag: true,\n   isFocus: true\n  })\n }\n\n}\n\/\/ \u94b1\u5305\u652f\u4ed8\nfunction wallet_pay(_this) {\n console.log('\u94b1\u5305\u652f\u4ed8\u8bf7\u6c42\u51fd\u6570')\n \/*\n 1.\u652f\u4ed8\u6210\u529f\n 2.\u652f\u4ed8\u5931\u8d25\uff1a\u63d0\u793a\uff1b\u6e05\u7a7a\u5bc6\u7801\uff1b\u81ea\u52a8\u805a\u7126isFocus:true\uff0c\u62c9\u8d77\u952e\u76d8\u518d\u6b21\u8f93\u5165\n *\/\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
index.wxss<\/strong><\/p>\n<\/p>\n
page {\n height: 100%;\n width: 100%;\n background: #e8e8e8;\n}\n\npage .pay {\n display: flex;\n flex-direction: column;\n background: #fff;\n}\n\npage .pay .title {\n height: 90rpx;\n line-height: 90rpx;\n font-size: 28rpx;\n color: #353535;\n padding: 0 23rpx;\n border-bottom: 1rpx solid #ddd;\n box-sizing: border-box;\n}\n\npage .pay .wx_pay, page .pay .offline_pay, page .pay .wallet_pay {\n margin: 0 26rpx;\n height: 90rpx;\n line-height: 90rpx;\n border-bottom: 2rpx solid #ddd;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\npage .pay .wx_pay .icon, page .pay .offline_pay .icon,\npage .pay .wallet_pay .icon {\n width: 34rpx;\n height: 34rpx;\n border: 2rpx solid #ddd;\n box-sizing: border-box;\n border-radius: 50%;\n}\n\npage .pay .wx_pay .icon.active, page .pay .offline_pay .icon.active,\npage .pay .wallet_pay .icon.active {\n border: 10rpx solid #00a2ff;\n}\n\npage .pay .wx_pay text, page .pay .offline_pay text, page .pay .wallet_pay text {\n margin-left: 20rpx;\n color: #353535;\n font-size: 26rpx;\n}\n\npage .pay .wallet_pay {\n border: 0;\n border-top: 2rpx solid #ddd;\n}\n\npage .pay .offline_pay {\n border: 0 none;\n}\n\npage .save {\n margin: 80rpx 23rpx;\n color: #fff;\n background: #00a2ff;\n height: 88rpx;\n line-height: 88rpx;\n text-align: center;\n font-size: 30rpx;\n border-radius: 10rpx;\n}\n\npage .wallets-password {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n}\n\npage .wallets-password .input-content-wrap {\n position: absolute;\n top: 200rpx;\n left: 50%;\n display: flex;\n flex-direction: column;\n width: 600rpx;\n margin-left: -300rpx;\n background: #fff;\n border-radius: 20rpx;\n}\n\npage .wallets-password .input-content-wrap .top {\n display: flex;\n align-items: center;\n height: 90rpx;\n border-bottom: 2rpx solid #ddd;\n justify-content: space-around;\n}\n\npage .wallets-password .input-content-wrap .top .close {\n font-size: 44rpx;\n color: #999;\n font-weight: 100;\n}\n\npage .wallets-password .input-content-wrap .top .forget {\n color: #00a2ff;\n font-size: 22rpx;\n}\n\npage .wallets-password .input-content-wrap .actual_fee {\n display: flex;\n align-items: center;\n justify-content: center;\n color: #000;\n height: 100rpx;\n margin: 0 23rpx;\n border-bottom: 2rpx solid #ddd;\n}\n\npage .wallets-password .input-content-wrap .actual_fee span {\n font-size: 24rpx;\n}\n\npage .wallets-password .input-content-wrap .actual_fee text {\n font-size: 36rpx;\n}\n\npage .wallets-password .input-content-wrap .input-password-wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 150rpx;\n}\n\npage .wallets-password .input-content-wrap .input-password-wrap .password_dot {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n color: #000;\n box-sizing: border-box;\n width: 90rpx;\n height: 90rpx;\n border: 2rpx solid #ddd;\n border-left: none 0;\n}\n\npage .wallets-password .input-content-wrap .input-password-wrap .password_dot:nth-child(1) {\n border-left: 2rpx solid #ddd;\n}\n\npage .wallets-password .input-content-wrap .input-password-wrap .password_dot i {\n background: #000;\n border-radius: 50%;\n width: 20rpx;\n height: 20rpx;\n}\n\npage .wallets-password .input-content {\n position: absolute;\n opacity: 0;\n left: -100%;\n top: 600rpx;\n background: #f56;\n z-index: -999;\n}\n\npage .wallets-password .input-content.active {\n z-index: -99;\n}<\/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<\/p>\n
<\/span><\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u5bc6\u7801\u8f93\u5165\u6846\u7684\u8bbe\u8ba1\u4ee3\u7801\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\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u5bc6\u7801\u8f93\u5165\u7684\u76f8\u5173\u8d44\u6599,\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b \u8bbe\u8ba1\u652f\u4ed8\u5bc6\u7801\u7684\u8f93\u5165\u6846 \u6548\u679c\u5982\u4e0b\uff1a \u5b9e\u4f8b\u4ee3\u7801\uff1a <view><view>\u652f\u4ed8\u65b9\u5f0f<\/view><view><i><\/i> <text>\u5fae\u4fe1\u652f\u4ed8<\/text><\/view><view><i><\/i> <text>\u5bf9\u516c\u6253\u6b3e<\/text><\/view><block><view><i><\/i> <text>\u94b1\u5305\u652f\u4ed8(\u4f59\u989d:{{balance\/100}}\u5143)<\/text><\/view><\/block><block><view><i><\/i> <text>\u94b1\u5305\u652f\u4ed8(\u4f59\u989d\u4e0d\u8db3)<\/text><\/view><\/block><\/view><view>\u786e\u5b9a<\/view><!–\u8f93\u5165\u94b1\u5305\u5bc6\u7801–><view><view><view><view>\u00d7<\/view><view>\u8bf7\u8f93\u5165\u652f\u4ed8\u5bc6\u7801<\/view><view>\u5fd8\u8bb0\u5bc6\u7801<\/view><\/view><view><span>\uffe5<\/span> <text>{{actual_fee\/100}}<\/text><\/view><view><view><i>=1}}”&gt;<\/i> <\/view><view><i>=2}}”&gt;<\/i> <\/view><view><i>=3}}”&gt;<\/i> <\/view><view><i>=4}}”&gt;<\/i> <\/view><view><i>=5}}”&gt;<\/i> <\/view><view><i>=6}}”&gt;<\/i> <\/view><\/view><\/view><input><\/view> \u767b\u5f55\u540e\u590d\u5236 index.js Page({  data: {   payment_mode: 1,\/\/\u9ed8\u8ba4\u652f\u4ed8\u65b9\u5f0f \u5fae\u4fe1\u652f\u4ed8   isFocus: false,\/\/\u63a7\u5236input \u805a\u7126   balance:100,\/\/\u4f59\u989d   actual_fee:20,\/\/\u5f85\u652f\u4ed8   wallets_password_flag:false\/\/\u5bc6\u7801\u8f93\u5165\u906e\u7f69  },  \/\/\u4e8b\u4ef6\u5904\u7406\u51fd\u6570    onLoad: function () {     },  wx_pay() {\/\/\u8f6c\u6362\u4e3a\u5fae\u4fe1\u652f\u4ed8   this.setData({    payment_mode: 1   })  },  offline_pay() {\/\/\u8f6c\u6362\u4e3a\u8f6c\u8d26\u652f\u4ed8   this.setData({    payment_mode: 0   })  },  wallet_pay() {   this.setData({\/\/\u8f6c\u6362\u4e3a\u94b1\u5305\u652f\u4ed8    payment_mode: 2   })  },  set_wallets_password(e) {\/\/\u83b7\u53d6\u94b1\u5305\u5bc6\u7801   this.setData({    wallets_password: e.detail.value   });   if (this.data.wallets_password.length == 6) {\/\/\u5bc6\u7801\u957f\u5ea66\u4f4d\u65f6\uff0c\u81ea\u52a8\u9a8c\u8bc1\u94b1\u5305\u652f\u4ed8\u7ed3\u679c    wallet_pay(this)   }  }, […]<\/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-31736","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31736","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=31736"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31736\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=31736"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=31736"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=31736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}