ArcGIS API for JavaScript 4.x地图弹窗的样式修改

在进行ArcGIS API for JavaScript 4.x开发的时候，有时候需要简洁大方的舒适的弹窗展示信息，原有的弹窗样式看上去轮廓生硬，不太舒服，所以可以修改它的样式，达到自己的审美观~~

修改前的样式：

弹窗设置的js部分：

view.popup = {
        collapseEnabled : false, // 移除title点击折叠功能
        dockOptions: {
            buttonEnabled: false // 隐藏固定标签页
        },
        actions: [] // 清空事件按钮 （缩放至、...）
    }

css的修改：

/*修改原有弹窗的css样式*/
[class*="esri-popup--is-docked-top-"] .esri-popup__footer, [class*="esri-popup--aligned-bottom-"] .esri-popup__footer {
    border-bottom: solid 1px #6e6e6e4d;
}
.esri-popup__header{
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px;
    background-color: #fff;
    color: #fff;
}
.esri-popup--shadow {
    box-shadow: 0 1px 4px rgb(155, 155, 155) !important;
}
.esri-popup__header-title{
    background-color: #009688 !important;
}
.esri-popup__header-container, .esri-popup__header-container--button{
    outline: none !important;
}
.esri-popup__icon, .esri-icon-close{
    color: #000000 !important;
}
.esri-view-width-xlarge .esri-popup__main-container {
    width: 360px !important;
    border-radius: 5px !important;
}
.esri-ui .esri-popup {
    border-radius: 5px !important;
}
.esri-popup__button{
    background-color: transparent !important;
    outline: none;
}
.esri-popup__header-title{
    font-weight: 600 !important;
}

修改后的样式：