(此文档仅供参考)

问题说明

        仪表盘配置了跳转规则，通过浮动框打开新页面，如何对浮动框标题行的颜色进行调整

解决方案

        1.针对于单个组件设置浮动框标题行颜色

对象事件：

 


如果需要实现图形跳转规则浮动框标题的颜色修改，可用添加如下宏代码：

function main(page: IPage, portlet: IEChartsPortlet) {
     portlet.addChartsListener('click', function (params) {
     setTimeout(function() {
   // 这里是延迟执行的代码
    document.querySelectorAll('.sx-modal__header')[0].style.backgroundColor='red'
}, 500);   })
}

效果如下：

 如果需要实现清单表跳转规则浮动框标题的颜色修改，可用添加如下宏代码：

function main(page: IPage, portlet: IEChartsPortlet) {
    portlet.addChartsListener('click', function (params) {
    setTimeout(function() {
   // 这里是延迟执行的代码
     document.querySelectorAll('.sx-modal__header')[0].style.backgroundColor='red'
    }, 500);  
   })
}

效果如下：

        2. 针对于整个仪表盘设置浮动框标题行颜色

 对象事件：

参考代码：

function main(page: IPage) { 
    page.appendCss('xxxxxx,.__Page_jumpTargetDialog .sx-modal__header', { background: 'red' })
}

效果如下：