css untuk mencapai efek perbatasan empat sudut

 <div
            kelas="kotak"
            v-for="(item, indeks) di coldBaseInfo.stationModelList"
            :kunci="indeks"
          >
            <div kelas="kotakkiri">
              <img :src="foto[index]" alt="Gambar" />
            </div>

 foto: [
        memerlukan("@/assets/img/bigscreen/two.jpg"),
        membutuhkan("@/assets/img/bigscreen/four.png"),
        memerlukan("@/assets/img/bigscreen/five.jpg"),
        memerlukan("@/assets/img/bigscreen/ten.jpg"),
      ],

 .kotakkiri {
  latar belakang: gradien linier(ke kiri, #04C886, #04C886) kiri atas tanpa pengulangan,
        gradien linier(ke bawah, #04C886, #04C886) kiri atas tanpa pengulangan,
        gradien linier(ke kiri, #04C886, #04C886) kanan atas tanpa pengulangan,
        gradien linier(ke bawah, #04C886, #04C886) kanan atas tanpa pengulangan,
        gradien linier(ke kiri, #04C886, #04C886) kiri bawah tanpa pengulangan,
        gradien linier(ke bawah, #04C886, #04C886) kiri bawah tanpa pengulangan,
        gradien linier(ke kiri, #04C886, #04C886) kanan bawah tanpa pengulangan,
        gradien linier(ke kiri, #04C886, #04C886) kanan bawah tanpa pengulangan;
    ukuran latar belakang: 2px 10px, 10px 2px, 2px 10px, 10px 2px;
  gambar {
    lebar: 100%;
    tinggi: 100%;
    bantalan: 4 piksel;
    batas: 2 piksel padat #7fb1c580;
  } 
}