css实现四角边框效果

 <div
            类=“盒子”
            v-for =“coldBaseInfo.stationModelList 中的（项目，索引）”
            ：键=“索引”
          >
            <div class="boxleft">
              <img :src="照片[索引]" alt="图片"/>
            </div>

 照片： [
        需要（“@/assets/img/bigscreen/two.jpg”），
        需要（“@/assets/img/bigscreen/four.png”），
        需要（“@/assets/img/bigscreen/ Five.jpg”），
        需要（“@/assets/img/bigscreen/ten.jpg”），
      ],

 .boxleft {
  背景：线性渐变（向左，#04C886，#04C886）左上无重复，
        线性渐变（到底部，#04C886，#04C886）左上无重复，
        线性渐变（向左，#04C886，#04C886）右上无重复，
        线性渐变（到底部，#04C886，#04C886）右上无重复，
        线性渐变（向左，#04C886，#04C886）左下无重复，
        线性渐变（到底部，#04C886，#04C886）左下无重复，
        线性渐变（向左，#04C886，#04C886）右下无重复，
        线性渐变（向左，#04C886，#04C886）右下无重复；
    背景大小：2px 10px、10px 2px、2px 10px、10px 2px；
  图像{
    宽度：100%；
    高度：100%；
    内边距：4px；
    边框：2px实线#7fb1c580；
  } 
}