FAQ中心
页面树结构
转至元数据结尾
转至元数据起始

（本文档仅供参考，由于宏代码在特定场景下可能存在限制，如果与实际应用场景不完全匹配，请根据具体需求自行调整相关代码，以确保其满足实际使用要求）

问题1

去掉自助仪表盘中筛选组件中单选和多选下拉框中X图标

解决方案1

通过使用自助仪表盘宏代码的中组件对象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

效果如下：


问题2

筛选框改成大字体后，字大 旁边的x小，能否调那个x,显示大一点

解决方案2：

可以通过宏代码进行配置。

 function main(page: IPage, portlet: IFilterPortlet) {
    portlet.appendCss(".el-tag .el-icon-close", { "font-size": "28px", "width": "28px", "height": "28px" })
    portlet.appendCss(".el-tag .el-icon-close::before", { "line-height": "normal"})