Html5如何修改设置主控台菜单背景颜色或者背景图片

栏目:云星空知识作者:金蝶来源:金蝶云社区发布:2024-09-23浏览:1

Html5如何修改设置主控台菜单背景颜色或者背景图片

【应用场景】

有客户反馈新版主控台菜单看久了会有刺眼的感觉,所以想将标准白色背景调整一个为一个较为温和的颜色。标准菜单效果图如下:


【案例演示】

调整后的效果图如下(PS:图中效果仅作为一个测试效果,不是最佳效果),可以根据实际情况进行背景颜色和背景图片的设置调整。


【实现步骤】

1、打开BOS设计器,并找到主控台菜单单据(名称:卡片主页系统菜单 ID:BOS_MainSystemMenuCard)
2、扩展该单据并保存
3、新增Python插件设置功能菜单底色
4、修改底色代码示例,可根据需要设置颜色值:
def AfterBindData(e):
this.View.GetControl("FH5CARDMAINSYSTEMMENUFLOWLAYOUT").SetCustomPropertyValue("InlineStyleValue", "background-color:#e8f0f7;");
5、也可以以图片作为背景,图片物理路径需要和代码设置路径一致,示例代码如下:
def AfterBindData(e):
this.View.GetControl("FH5CARDMAINSYSTEMMENUFLOWLAYOUT").SetCustomPropertyValue("InlineStyleValue", "background: url(../images/xxx.webp);");



Html5如何修改设置主控台菜单背景颜色或者背景图片

【应用场景】有客户反馈新版主控台菜单看久了会有刺眼的感觉,所以想将标准白色背景调整一个为一个较为温和的颜色。标准菜单效果图如下:【...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息