调用:Menu 背景:bg2.jpg 说明:目前暂时只有竖排垂直居中布局的设计。
⚙ 配置
属性 | 说明 | 是否必需 |
---|---|---|
uniClick | 菜单按钮统一点击事件 | YES |
btnList | 菜单按钮数据配置 | YES |
整体配置范例
function Menu() {
var data = {
model: "Menu",
config: {
shell: commonShellCfg2,
bgImg: "bg2.jpg",
uniClick: testFun,
btnList: [
{
//可增加HTML标签自定义格式
txt: "当日挂号<div style='font-size:19px;'>ئامبىلاتۇريەھەق تاپشۇرۇش تىزىملىكى </div>",
icon: "./h5/img/icon/menu/当日挂号.svg",
// disabled: true,
},
{
txt: "预约挂号",
icon: "./h5/img/icon/menu/预约挂号.svg",
// disabled: true,
},
{
txt: "预约挂号",
icon: "./h5/img/icon/menu/order.png",
// disabled: true,
},
{
txt: "预约挂号",
icon: "./h5/img/icon/menu/order.png",
// disabled: true,
},
]
}
}
return data;
}
uniClick
//设置
uniClick:"menu_UniClick"
//调用自定义函数
function menu_UniClick(index,item) {
//获取按钮索引以及对应索引的值
console.log(index,item);
}
btnList
btnList:[
{
txt: "当日挂号",//可增加HTML标签自定义格式
icon: "./h5/img/icon/menu/today.png",
disabled: true,
},…
]