欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

2020年最新最全小程序支付功能實(shí)現(xiàn),借助小程序云開(kāi)發(fā)實(shí)現(xiàn)小程序支付功能 - 新聞資訊 - 云南小程序開(kāi)發(fā)|云南軟件開(kāi)發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開(kāi)發(fā)/軟件開(kāi)發(fā)

知識(shí)

不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X(jué)表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營(yíng)銷的便利,運(yùn)營(yíng)的高效,讓網(wǎng)站成為營(yíng)銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!

您當(dāng)前位置>首頁(yè) » 新聞資訊 » 小程序相關(guān) >

2020年最新最全小程序支付功能實(shí)現(xiàn),借助小程序云開(kāi)發(fā)實(shí)現(xiàn)小程序支付功能

發(fā)表時(shí)間:2020-11-27

發(fā)布人:葵宇科技

瀏覽次數(shù):67

第一節(jié)~企業(yè)微信小程序的注冊(cè)圖文詳解

石頭哥的公司終于注冊(cè)下來(lái)了,所以接下來(lái),石頭哥也可以愉快的注冊(cè)一個(gè)企業(yè)微信小程序了,主要是想實(shí)現(xiàn)微信支付功能,獲取用戶手機(jī)號(hào)功能,這些都需要企業(yè)小程序。所以今天就來(lái)注冊(cè)一把企業(yè)小程序。順便把這個(gè)過(guò)程通過(guò)這篇文章記錄下來(lái),后面注冊(cè)微信支付商戶號(hào),還有實(shí)現(xiàn)小程序支付功能的時(shí)候,都會(huì)寫(xiě)對(duì)應(yīng)的文章出來(lái)。

注冊(cè)企業(yè)小程序必備

  • 1,一個(gè)全新的郵箱,沒(méi)有注冊(cè)過(guò)小程序,沒(méi)有注冊(cè)過(guò)公眾號(hào)的郵箱
  • 2,企業(yè)或者個(gè)體工商戶的營(yíng)業(yè)執(zhí)照

1,郵箱注冊(cè)界面

首先,在注冊(cè)界面選擇小程序

如果你的郵箱被占用過(guò),那么就會(huì)出現(xiàn)下面的錯(cuò)誤

如果郵箱沒(méi)用過(guò),就會(huì)進(jìn)入下面頁(yè)面,這個(gè)頁(yè)面用來(lái)驗(yàn)證郵箱

2,企業(yè)注冊(cè)界面

上面的郵箱驗(yàn)證成功以后,我們這里就要選企業(yè)了,當(dāng)然如果你是個(gè)體工商戶,你也可以選擇個(gè)體工商戶。

這里的信息如實(shí)填寫(xiě)即可

信息填寫(xiě)完畢,提交時(shí)會(huì)有如下一個(gè)確認(rèn)框

這樣我們企業(yè)小程序就注冊(cè)好了,可以看到企業(yè)小程序后臺(tái)有微信支付選項(xiàng)的,個(gè)人小程序是沒(méi)有這一選項(xiàng)的。

3,登錄小程序后臺(tái),做微信支付關(guān)聯(lián)

我們這個(gè)時(shí)候如果想直接做微信支付商戶號(hào)關(guān)聯(lián),會(huì)提示如下錯(cuò)誤。

也就是說(shuō)我們必須先經(jīng)過(guò)微信認(rèn)證后,才可以關(guān)聯(lián)微信支付。所謂的微信認(rèn)證,也就是每年給微信交300元認(rèn)證費(fèi)。

4,微信認(rèn)證

點(diǎn)擊這里的認(rèn)證

仔細(xì)一看,微信認(rèn)證要填的信息還是比較多的

填寫(xiě)發(fā)票信息,也就是你花300元給微信,微信給你開(kāi)個(gè)發(fā)票。

然后就是付300元給微信了。

支付完就等著微信審核吧,只有認(rèn)證審核后,才可以做別的操作

耐心等待吧,認(rèn)證完,我就可以關(guān)聯(lián)微信支付商戶號(hào)了,就可以愉快的做支付功能了。我們下一節(jié)見(jiàn)。

我是晚上提交的認(rèn)證,第二天也就是周三工作日的上午,認(rèn)證機(jī)構(gòu)給我打電話了,是個(gè)小姐姐,聲音很好聽(tīng),確認(rèn)些信息,再問(wèn)我下對(duì)公賬號(hào)收到了一筆2分錢內(nèi)的數(shù)字,做下驗(yàn)證,就審核通過(guò)了。

第二節(jié)~注冊(cè)微信支付商戶號(hào)

我們上一節(jié)已經(jīng)注冊(cè)了企業(yè)小程序,這一節(jié)我們就來(lái)注冊(cè)微信支付商戶號(hào),這種實(shí)現(xiàn)微信支付的必須一步,因?yàn)闆](méi)有微信支付商戶號(hào),就好比你沒(méi)有銀行卡一樣,怎么收錢呢。

寫(xiě)在前面

微信商戶號(hào)申請(qǐng)還是比較麻煩的,不僅要填寫(xiě)很多信息,還有最麻煩的一步就是經(jīng)營(yíng)場(chǎng)所的實(shí)景圖驗(yàn)證,這一步很麻煩,我也是修改了好多次,才通過(guò)驗(yàn)證的。

一,注冊(cè)微信支付商戶號(hào)

  • 1,接入微信支付
    其實(shí)微信官方有對(duì)應(yīng)的注冊(cè)文檔。https://kf.qq.com/product/wechatpaymentmerchant.html#hid=2449

    申請(qǐng)地址:https://pay.weixin.qq.com/index.php/apply/applyment_home/guide_normal
    這個(gè)地址可能會(huì)變動(dòng),如果變動(dòng)的話,大家就去上面的這個(gè)官方文檔里跟著一步步來(lái)。

    然后跟著步驟一步步的如實(shí)填寫(xiě)即可。

    然后就是填寫(xiě)信息頁(yè)

二,注冊(cè)時(shí)的注意事項(xiàng)

下面我會(huì)把注冊(cè)過(guò)程中的一些注意事項(xiàng)給大家說(shuō)下。我這里用的是微信支付服務(wù)商關(guān)聯(lián)注冊(cè)(至于為什么這么做,這里不便透漏,只給大家說(shuō)下,用服務(wù)商注冊(cè)可以降低微信支付的手續(xù)費(fèi)),大家注冊(cè)微信商戶時(shí),可以找石頭哥,石頭哥現(xiàn)在也會(huì)微信支付的服務(wù)商啦。。。

接下來(lái)就要漫長(zhǎng)的資料填寫(xiě)過(guò)程了。

這一點(diǎn)是最麻煩的,所以會(huì)重點(diǎn)講下。
如果你有線下實(shí)體店,需要把下面要求的照片拍下,然后上傳

如果你有認(rèn)證過(guò)的微信服務(wù)號(hào)

如果你有已經(jīng)上線的小程序或者有自己的小程序設(shè)計(jì)圖,可以用下面的這個(gè),不過(guò)小程序申請(qǐng)微信支付通常比較麻煩些,最簡(jiǎn)單的是線下門店和公眾號(hào)。

用app來(lái)申請(qǐng),需要下面這些。

有網(wǎng)站的話,可以用下面這些。

企業(yè)微信也可以注冊(cè)微信支付。

結(jié)算規(guī)則這里盡量選擇費(fèi)率低的,符合自己業(yè)務(wù)場(chǎng)景的。

資料提交也是比較慢的,耐心等待就行。

然后還需要一步驗(yàn)證。

驗(yàn)證完成以后,就等待審核就可以了。

提交完成以后,耐心等待審核就行。如果有審核不通過(guò)的情況,根據(jù)實(shí)際情況修改就行。這里審核通過(guò)以后,我們才可以進(jìn)行接下來(lái)小程序綁定支微信支付的操作,如果多次提交審核不通過(guò),可以找石頭哥來(lái)幫忙。

下圖是我第二天審核通過(guò)以后的截圖

審核通過(guò)以后,還需要進(jìn)行協(xié)議簽署


協(xié)議簽署完以后,我們的微信支付商戶號(hào)就正式申請(qǐng)下來(lái)了。

第三節(jié)~借助云開(kāi)發(fā)10行代碼實(shí)現(xiàn)小程序支付功能

接上篇,上一篇我們已經(jīng)注冊(cè)完企業(yè)小程序,并成功的完成了微信認(rèn)證。這一節(jié)我們就來(lái)開(kāi)始正式的關(guān)聯(lián)微信支付了,給我們的小程序接入支付功能。
傳送門:《企業(yè)微信小程序的注冊(cè)圖文詳解》

必備條件

  • 1,必須注冊(cè)微信支付的商戶號(hào)
  • 2,企業(yè)小程序必須通過(guò)認(rèn)證
  • 3,小程序關(guān)聯(lián)微信支付商戶號(hào)

一,小程序關(guān)聯(lián)微信商戶

1,登錄小程序后臺(tái),點(diǎn)擊關(guān)聯(lián)更多商戶號(hào)

2,關(guān)聯(lián)商戶號(hào)需要用到appid,點(diǎn)擊如下所示的關(guān)聯(lián)更多AppID

把我們小程序的appid復(fù)制下

然后去授權(quán)關(guān)聯(lián)我們的微信支付商戶號(hào)

微信商戶號(hào)申請(qǐng)下來(lái)以后,就可以直接微信掃碼登錄了,然后就可以在商戶號(hào)里關(guān)聯(lián)小程序了。

商戶號(hào)里關(guān)聯(lián)好,我們需要去小程序里確認(rèn)下授權(quán)。

授權(quán)完成以后,我們的小程序端會(huì)出現(xiàn)下面這樣的,點(diǎn)擊下確認(rèn)即可。

點(diǎn)擊下上圖的確認(rèn),然后再點(diǎn)擊下圖所示的授權(quán)。

可以看到我們的小程序和微信商戶號(hào)成功的關(guān)聯(lián)起來(lái)了

到這里我們小程序和商戶號(hào)的關(guān)聯(lián)操作就完成了。

二,開(kāi)通云開(kāi)發(fā)并綁定微信商戶號(hào)

1,然后新建小程序,開(kāi)始代碼部分。
這里的appid一定要是你關(guān)聯(lián)過(guò)微信支付商戶的,并且還得是企業(yè)小程序。這里創(chuàng)建項(xiàng)目時(shí)記得選擇不使用云服務(wù),因?yàn)槭褂媚J(rèn)云開(kāi)發(fā)的話,會(huì)創(chuàng)建一大堆無(wú)用的文件。

2,開(kāi)通云開(kāi)發(fā)功能

會(huì)彈出協(xié)議,直接點(diǎn)確定就可以了

3,給你的云開(kāi)發(fā)環(huán)境起個(gè)名,英文或者拼音

現(xiàn)在云開(kāi)發(fā)只可以免費(fèi)試用一個(gè)月,學(xué)習(xí)的話,一個(gè)月夠了,所以這里支付方式,隨便選一個(gè)就行了。下一步的選擇配額,也隨便選一個(gè)就行了,然后提交。

等待創(chuàng)建云開(kāi)發(fā),創(chuàng)建好以后如下。

4,然后點(diǎn)擊設(shè)置,全局配置,可以看到有個(gè)微信支付配置
image.png
有的同學(xué)這里看不到微信支付配置,是因?yàn)槟愕男〕绦蜷_(kāi)發(fā)工具版本過(guò)低。最好下載最新版本的開(kāi)發(fā)者工具。
5,云開(kāi)發(fā)配置微信商戶號(hào)。

添加完以后還需要手機(jī)上進(jìn)行授權(quán)確認(rèn)

6,手機(jī)微信上進(jìn)行確認(rèn)


可以看到這里已經(jīng)授權(quán)綁定了

退款的我們后面會(huì)再講。
這個(gè)時(shí)候我們準(zhǔn)備工作就全部做好了,接下來(lái)就要愉快的寫(xiě)代碼。

三,云開(kāi)發(fā)支付代碼的編寫(xiě)

1,看官方文檔,其實(shí)說(shuō)的很詳細(xì)了,接下來(lái)我?guī)Т蠹疫^(guò)一遍。


這里也把官方鏈接貼出來(lái)給大家。
https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-sdk-api/open/pay/CloudPay.unifiedOrder.html
其實(shí)官方有給我們完整的示例。

我們只需要把這段代碼復(fù)制到我們自己的云函數(shù)里就行了。

2,創(chuàng)建云開(kāi)發(fā)統(tǒng)一支付的云函數(shù)

我們首先要?jiǎng)?chuàng)建云函數(shù)的根目錄

然后新建云函數(shù)pay0610

然后把官方示例直接復(fù)制到我們自己的云函數(shù)里

3,把云函數(shù)里的信息替換成我們自己的


上面標(biāo)注重要的是一定要替換成自己的。然后保存修改,部署云函數(shù)

4,編寫(xiě)頁(yè)面

在index.wxml里寫(xiě)一個(gè)按鈕,點(diǎn)擊的時(shí)候調(diào)起我們的支付云函數(shù)

然后在index.js里編寫(xiě)點(diǎn)擊事件

我們這個(gè)時(shí)候直接點(diǎn)擊支付,看看會(huì)不會(huì)調(diào)起支付

這個(gè)時(shí)候一大堆爆紅,仔細(xì)看下,可以看出我們?cè)崎_(kāi)發(fā)環(huán)境id沒(méi)有初始化。

5,app.js里配置云開(kāi)發(fā)環(huán)境id

這里取到環(huán)境id

然后在app.js里配置

然后我們?cè)冱c(diǎn)擊下支付,可以看到我們成功的調(diào)起了支付

6,然后我用手機(jī)微信支付下試試




支付成功后,我們的控制臺(tái)也會(huì)有相應(yīng)的日志打印。

到這里我們就可以成功的在小程序里使用微信支付了,后面無(wú)非把價(jià)格和商品名字做活,做成動(dòng)態(tài)傳入的。
后面我也會(huì)把源碼放到網(wǎng)盤里,有需要的同學(xué),去我公號(hào)里回復(fù)‘云開(kāi)發(fā)支付’就可以獲取了。

第四節(jié),商品訂單支付案例講解

上面我們學(xué)會(huì)了支付功能,那么我們接下來(lái)就用一個(gè)簡(jiǎn)單的案例來(lái)教大家試下一個(gè)簡(jiǎn)單的商城小程序,包含以下功能

  • 1,商品列表
  • 2,訂單列表(分已支付和待支付)
  • 3,支付功能
  • 4,解決一些支付中常見(jiàn)的問(wèn)題

老規(guī)矩,先看下效果圖


頁(yè)面比較簡(jiǎn)陋,因?yàn)槲疫@里主要教大家如何實(shí)現(xiàn)支付功能的,所以頁(yè)面美化的問(wèn)題,大家課下有時(shí)間時(shí),自己做下美化就行了。

一,在app.json里配置tabbar多頁(yè)面

由于我們這里用到了兩個(gè)頁(yè)面,還是在我們前面章節(jié)的基礎(chǔ)上,直接改造頁(yè)面。我們配置多頁(yè)面就要用到tabbar了。所以我們先創(chuàng)建一個(gè)order頁(yè)面,頁(yè)面如何創(chuàng)建,我這里就不再累述了。小程序基礎(chǔ)的課里講了很多遍。
然后在app.json里配置如下

由于這里的配置不是本節(jié)的學(xué)習(xí)重點(diǎn),這里把代碼給到大家,大家直接粘貼到自己項(xiàng)目里就可以的。

 "tabBar": {
    "color": "#a9b7b7",
    "selectedColor": "#11cd6e",
    "borderStyle": "white",
    "list": [{
        "selectedIconPath": "image/home_yes.png",
        "iconPath": "image/home_no.png",
        "pagePath": "pages/good/good",
        "text": "商品首頁(yè)"
      },
      {
        "selectedIconPath": "image/order_yes.png",
        "iconPath": "image/order_no.png",
        "pagePath": "pages/order/order",
        "text": "我的訂單"
      }
    ]
  },

這里用到的圖片資源,我給大家放到了課程配套資源里,如下

大家課下找石頭哥索要就行了(限購(gòu)課用戶奧),把資源下載下來(lái)以后,新建一個(gè)image文件夾,然后把資源放到image文件下就可以了。

到這里tabbar配置好了,我們接下來(lái)就要開(kāi)始代碼部分了。

二,把商品做活,放到數(shù)據(jù)庫(kù)里

我們前面學(xué)習(xí)的時(shí)候,用的是本地?cái)?shù)據(jù),接下來(lái)我就來(lái)給大家演示下,如何把商品數(shù)據(jù)放到數(shù)據(jù)庫(kù),方便后期動(dòng)態(tài)修改。

1,在云開(kāi)發(fā)數(shù)據(jù)庫(kù)里新建goods集合(表)


創(chuàng)建好以后,記得把權(quán)限改為所有人可讀寫(xiě)

創(chuàng)建好goods集合以后,就要往里面添加數(shù)據(jù)了,把我們之前本地寫(xiě)死的數(shù)據(jù),就可以做成活的了。

添加好的數(shù)據(jù)如下

2,改造商品列表代碼

我們之前的商品數(shù)據(jù)是寫(xiě)死在本地的,這次我們就可以請(qǐng)求云開(kāi)發(fā)數(shù)據(jù)庫(kù)里的數(shù)據(jù)了,后期可以動(dòng)態(tài)增刪,修改。

通過(guò)上圖我們可以看出,已經(jīng)成功的請(qǐng)求到了數(shù)據(jù)庫(kù)里的商品數(shù)據(jù),接下來(lái)把數(shù)據(jù)動(dòng)態(tài)的綁定到小程序頁(yè)面上就可以了。

可以看到,我們的數(shù)據(jù)已經(jīng)成功的顯示出來(lái)了。
到這里我們的商品列表頁(yè)改造就算完成了。

三,創(chuàng)建訂單

我們之前學(xué)習(xí)是點(diǎn)擊購(gòu)買就直接支付了,沒(méi)有一個(gè)訂單來(lái)動(dòng)態(tài)的記錄。所以我們這一節(jié),先來(lái)教大家如何新建訂單。

1,新建order表

我們要在云開(kāi)發(fā)數(shù)據(jù)庫(kù)里生成訂單,其實(shí)就是往訂單表里增加數(shù)據(jù)。所以還是要先新建order集合(表)

這里要注意下,我們的訂單表的權(quán)限設(shè)置為“僅創(chuàng)建者可讀寫(xiě)”,為什么呢?
因?yàn)槲覀兠總€(gè)人的訂單肯定不想讓別人看到吧。所以我們?cè)O(shè)置完僅創(chuàng)建者可讀寫(xiě),那么這個(gè)訂單就只有我們自己可以看。上面的goods表只所以設(shè)置為所有人可讀,是因?yàn)槲覀兊纳唐窋?shù)據(jù)是要每個(gè)客戶都能看到的。

2,創(chuàng)建訂單代碼編寫(xiě)

我們上面order表創(chuàng)建好以后,我們用戶再點(diǎn)購(gòu)買的時(shí)候,就不能直接去支付了,應(yīng)該先創(chuàng)建一個(gè)訂單,然后再去支付。下面我們就分解開(kāi)。教大家實(shí)現(xiàn)訂單的創(chuàng)建。

上面代碼注釋很清楚了,我們創(chuàng)建訂單時(shí)需要往訂單里保存商品名,金額,下單時(shí)間,訂單狀態(tài)。然后看下order表里的訂單數(shù)據(jù)如下

這樣我們新的訂單就創(chuàng)建成功了。
創(chuàng)建訂單時(shí),我們有用到一個(gè)獲取當(dāng)前時(shí)間的方法,這個(gè)方法是我們自定義的,由于不是本節(jié)學(xué)習(xí)重點(diǎn),我就把這個(gè)方法的代碼貼出來(lái)給大家,大家后面直接把代碼放到自己項(xiàng)目里用就行了。

  // 獲取當(dāng)前時(shí)間的工具方法
  _getCurrentTime() {
    var d = new Date();
    var month = d.getMonth() + 1;
    var date = d.getDate();
    var day = d.getDay();
    var hours = d.getHours();
    var minutes = d.getMinutes();
    var seconds = d.getSeconds();
    var ms = d.getMilliseconds();

    var curDateTime = d.getFullYear() + '年';
    if (month > 9)
      curDateTime += month + '月';
    else
      curDateTime += month + '月';

    if (date > 9)
      curDateTime = curDateTime + date + "日";
    else
      curDateTime = curDateTime + date + "日";
    if (hours > 9)
      curDateTime = curDateTime + hours + "時(shí)";
    else
      curDateTime = curDateTime + hours + "時(shí)";
    if (minutes > 9)
      curDateTime = curDateTime + minutes + "分";
    else
      curDateTime = curDateTime + minutes + "分";
    return curDateTime;
  },

四,訂單支付

我們上面創(chuàng)建好訂單以后,應(yīng)該在訂單創(chuàng)建成功的回調(diào)里調(diào)起支付。其實(shí)支付的代碼和我們前面學(xué)習(xí)基本都一樣,唯一變化的就是要把我們新建的訂單id傳給支付云函數(shù),把訂單id作為支付時(shí)的單號(hào)。

上圖是我們創(chuàng)建訂單時(shí),返回的信息,可以看到返回信息里有一個(gè)_id字段,這個(gè)字段在我們order表里也有。

其實(shí)我們支付的時(shí)候單號(hào)要保證唯一性,其實(shí)這個(gè)_id是微信官方自動(dòng)為我們創(chuàng)建的,是唯一的,所以可以直接拿來(lái)用的,那么我們把之前的goPay支付方法稍微改造下。把這個(gè)_id作為訂單號(hào)傳給支付云函數(shù)。

可以看出我們?cè)趧?chuàng)建訂單成功的回調(diào)里去調(diào)起支付,依然可以支付成功。
我們的pay0611云函數(shù)唯一的變化就是把訂單號(hào)做成了活的。

重點(diǎn)注意: 我們的云函數(shù)只要有任何改動(dòng),都要記得重新部署云函數(shù)。

到這里我們的支付和訂單部分就改造完成了,接下來(lái)就要去實(shí)現(xiàn)訂單的未支付和已支付列表了。

五,訂單頁(yè)面的展示(分已支付和未支付)

這一節(jié)知識(shí)點(diǎn)比較多,也比較復(fù)雜,我先把代碼貼給大家,會(huì)在視頻里仔細(xì)給大家一步步講解。

  • order.wxml

    這里切換未支付和已支付的分類欄代碼如下:
<!--導(dǎo)航條-->
<view class="navbar">
  <lable wx:for="{{navbar}}" data-idx="{{index}}" class="item {{currentTab==index ? 'active' : ''}}" wx:key="unique"
    bindtap="navbarTap">
    <text>{{item}}</text>
  </lable>
</view>
<!-- 列表區(qū)域 -->
<view wx:if="{{list.length>0}}">
  <!-- 外層 -->
  <view wx:for="{{list}}" wx:key="key">
    <!-- 編號(hào) -->
    <view class='itemRoot'>
      <text class='seriac_name'>商品:{{item.goodName}}</text>
      <text class='seriac_name'>金額:{{item.totalFee}}元</text>
      <text class='seriac_name'>下單時(shí)間:{{item.time}}</text>
      <text wx:if="{{item.status==0}}" class='coent_log_base' data-item='{{item}}' bindtap='payOrder'>去支付</text>
    </view>
  </view>
</view>
<!-- 否則 -->
<view wx:else class='cont_count'>
  <label class='none_tab'>數(shù)據(jù)為空哦~~</label>
</view>

對(duì)應(yīng)的樣式order.wxss如下

/* 頂部菜單切換 */

.navbar {
  display: flex;
  background: #fff;
}

.none_tab {
  position: relative;
  top: 20rpx;
  color: #999;
  font-size: 32rpx;
}

.navbar .item {
  position: relative;
  flex: auto;
  font-size: 27rpx;
  width: 100rpx;
  text-align: center;
  line-height: 80rpx;
  color: #333;
  border-bottom: 6rpx solid #ddd;
}

.navbar .item.active {
  color: #333;
  border-bottom: 6rpx solid #46b5fc;
}

.navbar .item.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4rpx;
}

/*列表為空 */

.cont_count {
  padding-top: 6rpx;
  position: relative;
  width: 100%;
  text-align: center;
  /* height: 620rpx; */
  /* border-bottom: 6rpx solid #ddd; */
  margin-bottom: 6rpx;
  background-color: #fff;
}

/* 列表*/

.itemRoot {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 90%;
  padding: 20rpx;
  border-bottom: 1rpx solid #d4d4d4;
}

.seriac_name {
  font-size: 28rpx;
  color: #333;
  left: 0rpx;
  margin-left: 15rpx;
}

.coent_log_base {
  position: absolute;
  top: 55%;
  color: #46b5fc;
  right: 0rpx;
  display: inline-block;
  width: 180rpx;
  height: 56rpx;
  text-align: center;
  border: 1rpx solid #46b5fc;
  font-size: 30rpx;
  line-height: 56rpx;
}
  • roder.js
    這里是重點(diǎn)代碼,直接把完整的代碼貼給大家。
var app = getApp()
let DB = wx.cloud.database();
let orderStatus = 0; //0新下單未支付,1支付成功
Page({
  data: {
    // 頂部菜單切換
    navbar: ["未支付", "已支付"],
    // 默認(rèn)選中菜單
    currentTab: 0,
    list: []
  },
  //頂部tab切換
  navbarTap: function (e) {
    let index = e.currentTarget.dataset.idx;
    this.setData({
      currentTab: index
    })
    console.log("index", index)
    //0新下單未支付,1支付成功
    if (index == 1) {
      orderStatus = 1;
    } else {
      orderStatus = 0;
    }
    this.getMyOrderList();
  },
  rel="stylesheet">
                
        
    
    
        
            
                
                    編程小石頭
                
            
            
                Python
                PHP
                MySQL
        
        
            碼農(nóng)一枚,非著名全棧開(kāi)發(fā)人員。分享自己的一些經(jīng)驗(yàn),學(xué)習(xí)心得,希望后來(lái)人少走彎路,少填坑。編程小石頭和你一起快樂(lè)的學(xué)編程,石頭哥vx 2501902696。