infotemplate样式css调整

/*信息窗口头部样式*/
/deep/ .esriPopup .titlePane {
  position: relative;
  // 头部左右边距
  border-radius: 0;
  padding-left: px2vw(19);
  padding-right: px2vw(10);
  // 左边title样式和字体大小颜色等
  .title {
    font-size: px2vm(16);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  //your style
  // 头部宽高
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: px2vw(300);
  height: px2vh(40);
  // 背景色
  background-color: #2ca5e2;
}
/*  -信息窗口最大化按钮样式*/
/deep/ .esriPopup .titleButton.maximize {
  //your style
  display: none;
}
/*  信息窗口容器title关闭按钮样式 */
/deep/ .esriPopup .titleButton.close {
  position: absolute;
  right: px2vw(10);
  top: px2vh(10);
}
/*信息窗口容器样式*/
/deep/ .esriPopup .contentPane {
  //your style
  padding: px2vh(13) px2vw(20);
  width: px2vw(300);
  height: px2vh(246);
  background-color: #fff;
}
/*信息窗口阴影样式*/
/deep/ .esriPopup .esriPopupWrapper {
  //your style
  width: 100%;
  height: 100%;
}
/deep/ .esriPopup .actionsPane {
  display: none;
}
// 小指示
/deep/ .esriPopup .outerPointer.left,
.pointer {
  display: none;
}

你可能感兴趣的:(infotemplate样式css调整)