调用：PayType 背景：bg2.jpg

image.png
image.png

⚙ 配置

属性 说明 是否必需
uniClick 选择统一处理。 YES
payType 缴费类型配置。
资源路径：./h5/img/icon/paytype/（文件名不可随意定义）		 YES
infor 顶部额外资源信息内容(支持传入HTML标签) NO

整体配置范例

  2. function PayType() {
  3.   var data = {
  4.     model: "PayType",
  5.     config: {
  6.       shell: commonShellCfg,
  7.       bgImg: "bg2.jpg",
  8.       modInAnimation: "fadeIn",
  9.       uniClick: "PayType_UniClick",
  10.       infor: paytype_infor_html("1000.00", "929.01"),
  11.       payType: [
  12.         {
  13.           type: "ali",
  14.           iconType:"svg",//不设置默认png，设置svg显示更清晰
  15.           txt: "支付宝支付"
  16.           // disabled: true
  17.         },
  18.         {
  19.           type: "wx",
  20.           txt: "微信支付"
  21.         },
  22.         {
  23.           type: "medium_sfz",
  24.           txt: "<div style='font-size:14px'>扫码支付<br/>（微信+支付宝）</div>"
  25.         },
  26.         {
  27.           type: "unioncloud",
  28.           txt: "银行卡云闪付"
  29.         },
  30.         // {
  31.         //   type: "medium_ybk",
  32.         //   txt: "刷脸支付"
  33.         // },
  34.       ],
  35.     }
  36.   };
  37.   return data;
  38. }

uniClick

  1. //配置
  2. uniClick:"PayType_UniClick"
  4. //自定义函数
  5. function PayType_UniClick(index,item) {
  6.     //获取按钮索引以及对应索引的值
  7.     console.log(index,item);
  8. }

payType

  1. payType:[
  2.    {
  3.      //#缴费类型# 
  4.      //支付宝:ali
  5.      //微信:wx
  6.      //社保:si
  7.      //银行卡:bank
  8.      //银联:union
  9.      //云闪付:unioncloud
  10.      //刷脸支付:face
  11.      //现金:cash
  12.      //卡预交金支付:pcard
  13.      //扫码支付:qrcode
  14.      type: "ali",
  15.      //是否要禁用（非必要，默认为false）
  16.      disabled: true,
  17.      //缴费按钮块文字内容
  18.      txt:"支付宝支付"
  19.    },
  20.    …
  21. ]

infor

  1. infor: paytype_infor_html("200.00","929.01")
  3. //该部分内容可自己定义，或联系前端开发人员代编写
  4. function paytype_infor_html(amount1, amount2) {
  5.   return "<div style='font-size:28px;background-color:#dceff7;padding:15px;border-radius:15px'>" +
  6.     "<span style='font-weight:bold'>本次自费金额:</span><span style='color:red'>" + amount1 + "</span>元" +
  7.     "<span style='margin-right:50px'></span>"+
  8.     "<span style='font-weight:bold'>医保支付金额:</span><span style='color:red'>" + amount2 + "</span>元" +
  9.     "</div>";
  10. }

♨️ JS Call

无

🚀 getData

无