调用：RegList 背景：bg2.jpg

image.png

image.png

⚙ 配置

属性 说明 是否必需
uniClick 所点击项触发的事件，传入当前下标与当前数据 YES
tip 下方提示信息 NO
contentConfig 数据配置 YES
btnName 每项右侧按钮的文字内容。
非必要设置，默认显示：“点击查看”		 NO
AvatarClick 点击头像回调接口 NO
needPopInfor 每项的人头是否可被点击并弹出详细信息内容窗体配置
非必要设置，默认：false（不可点击弹出）		 NO

整体配置范例

  2. function RegistList() {
  3.   var data = {
  4.     model: "RegList",
  5.     config: {
  6.       shell: commonShellCfg,
  7.       bgImg: "bg2.jpg",
  8.       modInAnimation: "fadeInLeft",
  9.       uniClick: "reglistUniClick",
  10.       //点击头像回调接口，传出index
  11.       AvatarClick:function (index) { alert(index) },
  12.       tip: "温馨提示：点击医生头像即可查询医生详细介绍",
  13.       btnName: "挂号",
  14.       contentConfig: [
  15.         {
  16.           avatar: "./h5/img/assets/doc.png",
  17.           diyContent: regList_content_html3({ name: '张春华', position: '主任医师', dept: '角膜病门诊', num: '200', regDate: '早白', regFee: '14.50', goodat: '弱视、斜视' }),
  18.           disabled: true,
  19.         },
  20.         {
  21.           avatar: "./h5/img/assets/doc.png",
  22.           disabled: false,
  23.           diyContent: regList_content_html2({ name: "李雪峰", position: "主任医师", regDate: "上午", regFee: '35.00' }),
  24.         },
  25.         {
  26.           avatar: "./h5/img/assets/doc.png",
  27.           disabled: false,
  28.           diyContent: regList_content_html2({ name: "张明明", position: "副主任医师", regDate: "上午", regFee: '20.00' }),
  29.         },
  30.         {
  31.           avatar: "./h5/img/assets/doc.png",
  32.           diyContent: regList_content_html({ name: "张明明", position: "副主任医师", regDate: "上午", regFee: '20.00' }),
  33.           disabled: true
  34.         },
  35.         {
  36.           avatar: "./h5/img/assets/doc.png",
  37.           diyContent: "张医生\n简介：教授，博士生导师，国家级名老中医药专家，全国优秀中医临床研修老师，北京市中医住院医师规范化培训师承指导老师",
  38.           disabled: false
  39.         },
  40.         {
  41.           avatar: "./h5/img/assets/doc.png",
  42.           diyContent: "简介：教授，博士生导师，国家级名老中医药专家，全国优秀中医临床研修老师，北京市中医住院医师规范化培训师承指导老师",
  43.           disabled: false
  44.         },
  45.         {
  46.           avatar: "./static/img/user.png",
  47.           diyContent: "简介：教授，博士生导师，国家级名老中医药专家，全国优秀中医临床研修老师，北京市中医住院医师规范化培训师承指导老师",
  48.           disabled: true
  49.         },
  50.         {
  51.           avatar: "./static/img/user.png",
  52.           diyContent: "简介：教授，博士生导师，国家级名老中医药专家，全国优秀中医临床研修老师，北京市中医住院医师规范化培训师承指导老师",
  53.           disabled: false
  54.         },
  55.         {
  56.           avatar: "./static/img/user.png",
  57.           info: {
  58.             name: "张医生",
  59.             duty: "主治医师",
  60.             time: "上午"
  61.           },
  62.           introdution: "简介：教授，博士生导师，国家级名老中医药专家，全国优秀中医临床研修老师，北京市中医住院医师规范化培训师承指导老师",
  63.           disabled: false
  64.         },
  65.         {
  66.           avatar: "./static/img/user.png",
  67.           info: {
  68.             name: "张医生",
  69.             duty: "主治医师",
  70.             time: "上午"
  71.           },
  72.           introdution: "简介：教授，博士生导师，国家级名老中医药专家，全国优秀中医临床研修老师，北京市中医住院医师规范化培训师承指导老师",
  73.           disabled: false
  74.         },
  75.       ]
  76.     }
  77.   }
  78.   return data;
  79. }

uniClick

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

contentConfig

  1. contentConfig:[
  2.   {
  3.     // 头像 url
  4.     //自定义图像请采用同宽高的尺寸，推荐300*300、400*400（单位：px）
  5.     //未配置时，默认是灰色默认用户样式。假如医院没有医生头像照片提供，
  6.     //推荐使用：./h5/img/assets/doc.png   代替。
  7.     avatar: "./static/img/user.png",
  8.     // 医生基础信息（固定模板式样）
  9.     // 当info为空或不存在时，自动选择解析对象为diyContent
  10.     info: {
  11.       name: "小华佗医生",
  12.       duty: "主治医师",
  13.       time: "上午"
  14.     },
  15.     // 简介（基础用）
  16.     // diyContent不使用时生效
  17.     introdution: "简介：很牛逼的主任医师，教授，博士生导师，国家级名老中医药专家，全国优秀中医临床研修老师，北京市中医住院医师规范化培训师承指导老师",
  18.     // 是否禁用
  19.     disabled: false,
  20.     // 信息内容（可自定义内容形式）
  21.     // 当diyContent为空或不存在时，默认解析info对象内的值
  22.     diyContent:regList_content_html({ name: "华佗", position: "副主任医师", regDate: "上午", regFee:'50.00' }),
  23.   },...
  24. ]
  27. //自定义内容形式
  28. function regList_content_html(docInfor) {
  29.   return "<div style='display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;font-size:28px'>" +
  30.     "<div style='display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:15px'>" +
  31.     "<div>"+
  32.     "<span style='font-weight:bold'>" + docInfor.name + "</span>" +
  33.     "<span>(" + docInfor.position + ")</span>" +
  34.     "</div>"+
  35.     "<span style='color:#fff;font-size:24px;margin-right:10px;background-color:#fd2121;padding:5px;border-radius:5px'>" + docInfor.regDate + "</span>" +
  36.     "</div>" +
  37.     "<div>" +
  38.     "<span style='color:red;font-size:24px;'>挂号费:" + docInfor.regFee + "元</span>" +
  39.     "</div>" +
  40.     "</div>";
  41. }

AvatarClick

  1. //点击头像回调接口，传出index
  2. AvatarClick:function (index) { alert(index) },

tip

  1. tip: "温馨提示：点击医生头像即可查询医生详细介绍",

btnName

  1. btnName: "挂号",

♨️ JS Call

无

🚀 getData

无