-
xxxl 数据领袖Lv6
发表于2020-12-30 11:32
楼主
一、需求场景
门户中菜单组件可以对菜单风格设置圆角,
但这里的圆角不能自定义圆角的弧度,所以可以通过以下脚本实现自定义弧度。
二、操作详情 我们可以计算预览门户界面,然后f12选取到菜单组件元素
查到li.guidebar-item.guidebar-item-selected对应为菜单组件的元素标签
然后就可以用选择器给改元素设置圆角属性
复制代码 脚本放置位置在这里
最后效果
三、补充
更多门户中没有提供设置入口的也可以通过以上方法拾取到元素进行简单的样式修改,比如菜单组件字体样式,参考帖子https://bbs.esensoft.com/thread-136409-1-1.html
门户中菜单组件可以对菜单风格设置圆角,
但这里的圆角不能自定义圆角的弧度,所以可以通过以下脚本实现自定义弧度。
二、操作详情 我们可以计算预览门户界面,然后f12选取到菜单组件元素
查到li.guidebar-item.guidebar-item-selected对应为菜单组件的元素标签
然后就可以用选择器给改元素设置圆角属性
- $("li.guidebar-item.guidebar-item-selected").css("border-radius","50px");//border-radius值越大越圆
最后效果
三、补充
更多门户中没有提供设置入口的也可以通过以上方法拾取到元素进行简单的样式修改,比如菜单组件字体样式,参考帖子https://bbs.esensoft.com/thread-136409-1-1.html