-
-
xxxl 数据领袖Lv6
发表于2020-10-28 10:49
楼主
本帖最后由 xxxl 于 2020-10-28 11:00 编辑
1.需求场景
参数组件中的按钮，常规只能使用直角矩形按钮，可以通过设置自定义样式或者是通过脚本来修改为圆形。
2.操作详情
这里有两个方法修改样式，
第一种是直接在按钮自定义样式中加入border-radius:50%;这种方法只改变报表中的单个按钮样式。
第二种是在客户端脚本中写代码，这种方法会改变报表里所有按钮的样式。
复制代码
最后效果
3.补充
改成圆形需要设置按钮的宽高相等大小，同样如果需要改成椭圆保持宽比高大就行了。
这里增加的css样式属性是border-radius，如果只需要边角为圆角的矩形，可以写成border-radius:10px这种，根据值大小圆角大小不同。
1.需求场景
参数组件中的按钮，常规只能使用直角矩形按钮，可以通过设置自定义样式或者是通过脚本来修改为圆形。
2.操作详情
这里有两个方法修改样式，
第一种是直接在按钮自定义样式中加入border-radius:50%;这种方法只改变报表中的单个按钮样式。
第二种是在客户端脚本中写代码，这种方法会改变报表里所有按钮的样式。
- EUI.addStyleSheet(".eui-btn.eui-btn-menu{border-radius:50%!important;}");
最后效果
3.补充
改成圆形需要设置按钮的宽高相等大小，同样如果需要改成椭圆保持宽比高大就行了。
这里增加的css样式属性是border-radius，如果只需要边角为圆角的矩形，可以写成border-radius:10px这种，根据值大小圆角大小不同。
