调用:Medium 背景:bg2.jpg 特别说明:如介质选择按钮大于四个时,请选用PayType模板。

image.png
image.png

⚙ 配置

属性 说明 是否必需
uniClick 选择统一处理。 YES
mediums 介质数据。
对应图片资源路径:h5/img/icon/medium
💡替换时,请保持文件名、文件格式一致!
YES
infor 卡介质上方提示信息(支持传入HTML标签) NO

整体配置范例

  1. function Medium() {
  2. var data = {
  3. model: "Medium",
  4. config: {
  5. shell: commonShellCfg,
  6. bgImg: "bg2.jpg",
  7. modInAnimation: "fadeIn",
  8. uniClick: "Medium_UniClick",
  9. // uniClick:testFun,
  10. infor: "<span style='font-weight:bold;font-size:26px;'>温馨提示:</span><span style='font-size:26px;color:red'>温馨提示</span>",
  11. mediums: [
  12. {
  13. txt: "社保卡",
  14. type: "social",
  15. disabled: false,
  16. },
  17. {
  18. txt: "诊疗卡",
  19. type: "mimg",
  20. disabled: false
  21. },
  22. // {
  23. // txt: "诊疗卡",
  24. // type: "sicard",
  25. // disabled: false
  26. // },
  27. // {
  28. // txt: "健康卡",
  29. // type: "health"
  30. // }
  31. ]
  32. }
  33. };
  34. return data;
  35. }

uniClick

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

mediums

  1. //配置
  2. mediums:[
  3. {
  4. //介质名
  5. txt: "银行卡",
  6. //介质类型
  7. //si:社保卡|bank:银行卡|mdcard:诊疗卡|idcard:身份证
  8. type:"bank",
  9. //是否禁用(可不配置,默认为false)
  10. disabled: true,
  11. },...
  12. ]

♨️ JS Call

🚀 getData