弹窗优化

linwe

2024-11-21 5443e7d3992e2cd54cd9020ed640f65e73aab2c6

弹窗优化

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

@@ -166,7 +166,8 @@
          addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
          window.$viewer.addLayer(addPupoLayers[attrParams.name])
          let iconEl = `<div class="marsBlueGradientPnl">
                  <img src="${attrParams.imageUrl}" width="160" height="160" />
            <div>${attrParams.fullName}</div>
            <img src="${attrParams.imageUrl}" />
                </div>`
          let divIcon = new DC.DivIcon(
            new DC.Position(attrParams.lng, attrParams.lat, 64),
@@ -205,6 +206,7 @@
          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}" width="160" height="160" />
                </div>`
          let divIcon = new DC.DivIcon(
@@ -290,6 +292,7 @@
          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}" width="160" height="160" />
                </div>`
          let divIcon = new DC.DivIcon(
@@ -330,6 +333,7 @@
          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}" width="160" height="160" />
                </div>`
          let divIcon = new DC.DivIcon(
@@ -370,6 +374,7 @@
          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}" width="160" height="160" />
                </div>`
          let divIcon = new DC.DivIcon(
@@ -410,6 +415,7 @@
          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}" width="160" height="160" />
                </div>`
          let divIcon = new DC.DivIcon(

 src/styles/base/dc-base.scss

@@ -92,12 +92,12 @@
    height: 10px;
    transform: rotate(45deg);
    z-index: -1;
    background-color: #3b96ff;
    // background: linear-gradient(to bottom, rgba(255, 0, 21, 0.8), rgb(255, 179, 0, 0.2));
    // background-color: #3b96ff;
    background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
  }

  .marsBlueGradientPnl {
    padding: 2px 2px;
    // padding: 2px 2px;
    text-align: center;
    margin: 0;
    color: #fff;
@@ -114,6 +114,11 @@
    font-size: 14px;
    background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
  }

  .marsBlueGradientPnl img {
    width: 160px;
    height: 160px;
  }
}

.fxy-ordinary {