uniapp 電商app 手機充值頁面

2021-10-24 14:34:07 字數 924 閱讀 3328

功能很簡單,寫文章主要是為了記錄,沒有什麼技術難點。

頁面載入的時候,需要展示乙個預設運營商的手機充值配置,我們公司預設的是聯通的配置。

獲取配置的介面可以寫在onload函式中。

函式觸發流程:

先判斷公司是否有可用餘額,這是乙個介面。

在獲取預設聯通的手機配置資訊,並渲染。

獲取手機運營商的資訊,一般都是通過手機號前3位或者前4位,所以統一一下,當手機位數超過4位時,進行手機運營商的判斷。

充值的功能,先判斷手機號是否存在並合法,手機號的校驗可以通過正規表示式,此處通過比較簡單的方式來進行校驗。

此處為了實現提示資訊的效果,如果沒有手機號或者手機號有誤時,會有動畫,這個動畫通過animate.css來實現,通過新增或者移除class類名的形式來改變樣式。

c*******()

,1000);

return;}

if(!/(^1[0-9]$)/

.test

(this

.phone)),

1000);

return;}

this

.msg ="";

console.

log(

this

.list[

this

.currentindex]);

//此處的介面是為了呼叫充值介面來出現充值功能

this

.$request.

urlrequest

("/gate/mobile/cost/recharge",,

'post'

,(res)

=>})

}

電商APP製作應該怎麼玩?

apicloud 標準化技術定製,高效低投入產效益 官方簽約保上線,專案監理更直接 apicloud 作為平台方,與企業客戶直接簽約。apicloud cto親自為專案進行評估並指派資深專案監理,嚴格把控專案質量和開發周期。官方承諾每乙個專案順利上線至蘋果和各大安卓應用市場。專業的管理體系,精確專案...

Vue Vant 靜態電商商城app(首頁版)

第一步 建立vue 專案 rourou vue init webpack rourou第二步 整合第三方元件 axios 請求框架 mock 模擬框架 整合移動框架 vant vant 官網位址 cnpm i vant s整合http請求框架 axios cnpm i axios s整合模擬資料框架...

一般電商APP金錢格式轉換

nsdecimalnumber,可以設定精準度,其有幾個屬性可以設定,如下 nsroundplain,round up on a tie 貌似取整 nsrounddown,always down truncate 只舍不入 nsroundup,always up 只入不捨 nsroundbanker...