调用:Menu 背景:bg2.jpg 说明:目前暂时只有竖排垂直居中布局的设计。

image.png
image.png

⚙ 配置

属性 说明 是否必需
uniClick 菜单按钮统一点击事件 YES
btnList 菜单按钮数据配置 YES

整体配置范例

  1. function Menu() {
  2. var data = {
  3. model: "Menu",
  4. config: {
  5. shell: commonShellCfg2,
  6. bgImg: "bg2.jpg",
  7. uniClick: testFun,
  8. btnList: [
  9. {
  10. //可增加HTML标签自定义格式
  11. txt: "当日挂号<div style='font-size:19px;'>ئامبىلاتۇريەھەق تاپشۇرۇش تىزىملىكى </div>",
  12. icon: "./h5/img/icon/menu/当日挂号.svg",
  13. // disabled: true,
  14. },
  15. {
  16. txt: "预约挂号",
  17. icon: "./h5/img/icon/menu/预约挂号.svg",
  18. // disabled: true,
  19. },
  20. {
  21. txt: "预约挂号",
  22. icon: "./h5/img/icon/menu/order.png",
  23. // disabled: true,
  24. },
  25. {
  26. txt: "预约挂号",
  27. icon: "./h5/img/icon/menu/order.png",
  28. // disabled: true,
  29. },
  30. ]
  31. }
  32. }
  33. return data;
  34. }

uniClick

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

btnList

  1. btnList:[
  2. {
  3. txt: "当日挂号",//可增加HTML标签自定义格式
  4. icon: "./h5/img/icon/menu/today.png",
  5. disabled: true,
  6. },…
  7. ]