功能很簡單,寫文章主要是為了記錄,沒有什麼技術難點。
頁面載入的時候,需要展示乙個預設運營商的手機充值配置,我們公司預設的是聯通的配置。
獲取配置的介面可以寫在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...