调用：Appointment 背景：bg2.jpg 说明：仅支持竖屏1080*1920分辨率

image.png

⚙ 配置

属性 说明 是否必需
uniClick 选择统一处理。 YES
items 列表数据。 YES
topInfo 表格上方信息 NO
headInfo 表头信息 NO

整体配置范例

  1. function Appointment(){
  2.   var data = {
  3.     model: "Appointment",
  4.     config: {
  5.       shell: commonShellCfg2,
  6.       bgImg: "bg2.jpg",
  7.       uniClick:"testFun",
  8.       topInfo:"提示信息",
  9.       headInfo:"时间段：4月12日-4月14日",
  10.       items:[
  11.         {
  12.           label:"4月12日周一",
  13.           am:"0",
  14.           pm:"1"
  15.         },
  16.         {
  17.           label:"4月13日",
  18.           am:"0",
  19.           pm:"0"
  20.         },
  21.         {
  22.           label:"4月14日",
  23.           am:"1",
  24.           pm:"1"
  25.         },
  26.         {
  27.           label:"4月14日",
  28.           am:"1",
  29.           pm:"1"
  30.         },
  31.         {
  32.           label:"4月14日",
  33.           am:"1",
  34.           pm:"1"
  35.         },
  36.         {
  37.           label:"4月14日",
  38.           am:"1",
  39.           pm:"1"
  40.         },
  41.         {
  42.           label:"4月14日",
  43.           am:"1",
  44.           pm:"1"
  45.         },
  46.         {
  47.           label:"4月14日",
  48.           am:"1",
  49.           pm:"1"
  50.         },
  51.         {
  52.           label:"4月14日",
  53.           am:"1",
  54.           pm:"1"
  55.         },
  56.         {
  57.           label:"4月14日",
  58.           am:"1",
  59.           pm:"1"
  60.         },
  61.         {
  62.           label:"4月14日",
  63.           am:"1",
  64.           pm:"1"
  65.         }
  66.       ]
  68.     }
  69.   }
  70.   return data;
  71. }

topInfo

  1. //表格上方信息
  2. topInfo:"提示信息",

headInfo

  1. //表头信息
  2. headInfo:"时间段：4月12日-4月14日",

uniClick

  1. //配置
  2. uniClick:"buttonindex_uniClick"
  4. //自定义函数
  5. function buttonindex_uniClick(item,flag) {
  6.   //获取点击的数据集和上下午标志，上午为'am',下午为'pm'
  7.   console.log(item, flag);
  8. }

items

  1. items:[
  2.   {
  3.     label:"4月12日周一",
  4.     am:"0",//0时不显示按钮
  5.     pm:"1" //1时显示预约按钮
  6.   },
  7.   {
  8.     label:"4月13日",
  9.     am:"0",
  10.     pm:"0"
  11.   },
  12.   {
  13.     label:"4月14日",
  14.     am:"1",
  15.     pm:"1"
  16.   },
  17.   {
  18.     label:"4月14日",
  19.     am:"1",
  20.     pm:"1"
  21.   },
  22.   {
  23.     label:"4月14日",
  24.     am:"1",
  25.     pm:"1"
  26.   },
  27.   {
  28.     label:"4月14日",
  29.     am:"1",
  30.     pm:"1"
  31.   },
  32.   {
  33.     label:"4月14日",
  34.     am:"1",
  35.     pm:"1"
  36.   },
  37.   {
  38.     label:"4月14日",
  39.     am:"1",
  40.     pm:"1"
  41.   },
  42.   {
  43.     label:"4月14日",
  44.     am:"1",
  45.     pm:"1"
  46.   },
  47.   {
  48.     label:"4月14日",
  49.     am:"1",
  50.     pm:"1"
  51.   },
  52.   {
  53.     label:"4月14日",
  54.     am:"1",
  55.     pm:"1"
  56.   }
  57. ]

♨️ JS Call

无

🚀 getData

无