一、概述：

本篇介绍底部菜单的一种新玩法，主要包括：

1. 支持插件设置红点

2. 支持插件设置角标（数量）

3. 支持样式调整

二、适用版本：

    适用于V 7.7.0.202109（补丁号：PT-146891）及以上

    上线日期：2021年9月16号

三、详细介绍：

底部菜单其实不是只能在底部显示，分为相对位置和绝对底部定位。这里我们已业务审批中用到的的为例

3.1. 底部菜单支持插件设置 红点

JSONArray menus = new JSONArray();
JSONObject menu = new JSONObject();
menu.Put("key", "菜单项标识"); //这里不是菜单控件的标识，是里面的某个菜单项标识
menu.Put("redPoint", true);
menus.Add(menu);
this.View.GetControl("单据列表/菜单控件标识").SetCustomPropertyValue("buttonMenusProp", menus);

相对位置+红点，顶部菜单效果图：

3.2. 底部菜单支持插件设置 角标及数量

JSONArray menus = new JSONArray();
JSONObject menu = new JSONObject();
menu.Put("key", "菜单项标识");//这里不是菜单控件的标识，是里面的某个菜单项标识
menu.Put("badge", true);
menu.Put("badgeContent", "99+");
menus.Add(menu);
this.View.GetControl("单据列表/菜单控件标识").SetCustomPropertyValue("buttonMenusProp", menus);

绝对定位+角标（数量），底部菜单效果：

3.3. 底部菜单支持插件设置 样式

JSONObject style = new JSONObject();// FExtMenu为一级菜单标识、FMyMessage为二级菜单标识
style["FExtMenu"] = "--img-width: 18px;";//调整菜单项图标宽高、右边距--img-width、--img-height、--img-margin-right
style["FExtMenu-submenu-wrap"] = "width: 88px;";//调整菜单项二级菜单容器样式，如宽度
style["FMyMessage"] = "color: #212121;font-size: 14px;--img-width: 18px;--img-margin-right: 4px;";//调整菜单项二级菜单中某个菜单字体、颜色、图标 
this.View.GetControl("单据列表/菜单控件标识").SetCustomPropertyValue("tabMenuStyle", style);

二级菜单样式调整效果：