样式调整

shuishen

2024-11-18 56287fa8fd0e559d111513c2bb5edb5eab863a09

样式调整

 src/styles/base/dc-base.scss

@@ -102,6 +102,53 @@
  }
}

.xfs-box {
  &::after {
    background: linear-gradient(to bottom, rgba(255, 197, 90, 0.8), rgba(255, 197, 90, 0.2));
  }

  .map-name {
    color: #ffc55a;
  }

  .map-icon {
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.3) 20%, rgba(255, 197, 90, 0.9) 100%);
    box-shadow: 0px 0px 10px rgb(255, 197, 90);
  }
}

.yjb-box,
.ysf-box,
.sk-box {
  &::after {
    background: linear-gradient(to bottom, rgba(15, 125, 254, 0.8), rgba(15, 125, 254, 0.2));
  }

  .map-name {
    color: #FFEB3B;
  }

  .map-icon {
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.3) 20%, rgba(15, 125, 254, 0.9) 100%);
    box-shadow: 0px 0px 10px rgba(15, 125, 254, 1);
  }
}

.yjc-box {
  &::after {
    background: linear-gradient(to bottom, rgba(15, 254, 71, 0.8), rgba(15, 254, 71, 0.2));
  }

  .map-name {
    color: #FFEB3B;
  }

  .map-icon {
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.3) 20%, rgba(15, 254, 71, 0.9) 100%);
    box-shadow: 0px 0px 10px rgba(15, 254, 71, 1);
  }
}

@keyframes pulse-glow {
  0% {
    box-shadow: 0 0 4px red, inset 0 0 4px red;