页面样式

linwe

2024-12-02 e9c97388f4c2c789e0eaabc4c4ae2fc42eb4026c

页面样式

 src/pages/map/components/scomponents/layersControl.vue

@@ -169,14 +169,13 @@
          const { attrParams } = e.overlay
          // 删除
          destroy()
          if (!attrParams.imageUrl) {
            return
          }
          // if (!attrParams.imageUrl) {
          //   return
          // }
          addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
          window.$viewer.addLayer(addPupoLayers[attrParams.name])
          let iconEl = `<div class="marsBlueGradientPnl">
            <div>${attrParams.fullName}</div>
            <img src="${attrParams.imageUrl}" />
                </div>`
          let divIcon = new DC.DivIcon(
            new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele || 64),

 src/styles/base/dc-base.scss

@@ -93,7 +93,8 @@
    transform: rotate(45deg);
    z-index: -1;
    // background-color: #3b96ff;
    background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
    box-shadow: inset 0 0 40px #409eff;
    // background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
  }

  .marsBlueGradientPnl {
@@ -105,14 +106,15 @@
    -moz-border-radius: 5px;
    border-radius: 5px;
    // line-height: 32px;
    // width: 112px;
    width: 360px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-wrap: break-word;
    font-size: 14px;
    background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
    box-shadow: inset 0 0 40px #409eff;
    // background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
  }

  .marsBlueGradientPnl img {