(本文档仅供参考)
问题
去掉自助仪表盘中筛选组件中单选和多选下拉框中X图标
解决方案
通过使用自助仪表盘宏代码的中组件对象IPortlet的appendCss方法添加样式去隐藏图标
找到应图标的css通过,使用宏代码添加样式:
function main(page: IPage, portlet: IFilterPortlet) {
var style = {
display: 'none!important'
}
portlet.appendCss('.el-tag__close.el-icon-close', style);
}
或
function main(page: IPage, portlet: IFilterPortlet) {
portlet.appendCss('.el-tag__close.el-icon-close', '{none!important}');
}
注意:'.el-tag__close.el-icon-close'是图标的class,两个class之间不能有空格,此处为筛选器可以参考:https://www.runoob.com/cssref/css-selectors.html
效果如下: