当前位置: 首页 > Web前端 > HTML

网页绑定银行卡支付方式总结

时间:2023-04-02 20:55:33 HTML

如下图,是实现大纲的效果图1、绑定卡时,通过卡号获取银行名称2、通过银行卡短码获取银行标识3、划分银行、根据银行匹配不同的背景色实现流程1、绑定卡1.下载npminstallbankcardinfo;2.实例化:varBIN=require('bankcardinfo');3、调用它提供的方法执行(第一个参数为卡号,第二个参数为回调函数,包含错误信息和成功后获取的数据):BIN.getBankBin("6222005865412565805",(err,data)=>{if(!err){console.log("///",data)}})返回结果:2.通过银行卡短码获取银行标识。第一步的结果可以通过bankCode获取。下载银行标志图标后,可以将其上传到您的服务器。你可以获得银行标志。银行logo地址:链接:https://pan.baidu.com/s/1BYt-...密码:7dpi3,银行划分,根据银行匹配不同的背景颜色为四类,//判断显示什么颜色根据银行卡的bank_sim/*jscode*/bankColor(bankCode){letarr1=["ARCU","ASCB","BANKWF","BHB","BJBANK","BJRCB","BOC""BOCD","BOD","BODD","BOJZ","BOP","bankNo","BOQH","CDB","CDCB","CDRCB","CZZB","CSRCB",中国建设银行”、“华润银行”、“重庆银行”、“招商银行”、“中信银行”、“大连银行”、“DRCBCL”、“DYCCB”、“DZBANK”、“FDB”、“FSCB”、“H3CB”、“GZB”"GYCB","GDRCC","GCB","HBC","HKBEA","HNRCC","HRXJB","HSBANK","HURCB","JLBANK","JJBANK","JINCHB","中国工商银行","HZCCB","HXBANK","JSB","JSRCU","KLB","KORLABANK","KSRB","LSBANK","NXBANK","NJCB","MTBANK","LSCCB","LSBC","NXRCU","NYNB","ORBANK","QDCCB","SDRCU","SRBANK","SPABANK","SJBANK","TRCB","WHRCB","WJRCB","WRCB","ZJKCCB","ZGCCB","ZBCB","YXCCB","YQCCB","XYBANK","XXBANK","XLBANK","ZJTLCB","ZZBANK"],arr2=["ABC","BOSZ","GZRCU","GSRCU","HANABANK","JRCB","JXBANK","NBYZ","PSBC","SCRCU","YNRCC","ZJNK","ZYCBANK"],arr3=["BGB","BSB","CEB","CABANK","DAQONGB","GRCB","JHBANK","JZBANK","NBBANK","QLBANK","SZSBK","TACB","WZCB","ZRCBANK"],arr4=["BOCY","OHAIB","BOYK","CBKF","CCB"","CCQTGB","CGNB","CIB","COMM","CMBC","EGBANK","FJHXBC","FXCB","GLBANK","GDB","HDBANK","HKB","HSBK","JNBANK","HZCB","JSBANK","LANGFB","NCB","LZYH","LYBANK","SDEB","SHBANK","TCRCB","TCCB","SXCB","SRCB","SPDB","SHRCB","URMQCCB","WHCCB","XABANK","XCYH","XTB"];if(arr1.includes(bankCode)){返回1;}elseif(arr2.includes(bankCode)){返回2;}elseif(arr3.includes(bankCode)){返回3;}elseif(arr4.includes(银行代码)){返回4;}else{返回5;}},/*css代码*/.card_item_color1{背景:线性渐变(133deg,#ff69710%,#ff444a100%);}.card_item_color2{背景:线性渐变(133deg,#4eca6d0%,#3caa56100%);}.card_item_color3{背景:线性渐变(133deg,#fdd0000%,#fdb400100%);}.card_item_color4{背景:线性渐变(133deg,#71a7ff0%,#386eff100%);}最后一步是集成