CSS, um einen Vier-Ecken-Randeffekt zu erzielen

 <div
            class="box"
            v-for="(item, index) in coldBaseInfo.stationModelList"
            :key="index"
          >
            <div class="boxleft">
              <img :src="photo[index]" alt="Image" />
            </div>

 Foto: [
        require("@/assets/img/bigscreen/two.jpg"),
        require("@/assets/img/bigscreen/four.png"),
        require("@/assets/img/bigscreen/fünf.jpg"),
        require("@/assets/img/bigscreen/ten.jpg"),
      ],

 .boxleft {
  Hintergrund: linear-gradient(to left, #04C886, #04C886) left top no-repeat,
        linearer Farbverlauf (nach unten, #04C886, #04C886) links oben ohne Wiederholung,
        linear-gradient(to left, #04C886, #04C886) right top no-repeat,
        linearer Farbverlauf (nach unten, #04C886, #04C886) rechts oben ohne Wiederholung,
        linear-gradient(to left, #04C886, #04C886) links unten ohne Wiederholung,
        linearer Farbverlauf (nach unten, #04C886, #04C886) links unten ohne Wiederholung,
        linearer Farbverlauf (nach links, #04C886, #04C886) rechts unten ohne Wiederholung,
        linearer Farbverlauf (nach links, #04C886, #04C886) rechts unten ohne Wiederholung;
    Hintergrundgröße: 2px 10px, 10px 2px, 2px 10px, 10px 2px;
  img {
    Breite: 100 %;
    Höhe: 100 %;
    Polsterung: 4px;
    Rand: 2px einfarbig #7fb1c580;
  } 
}