<div

class="box"

v-for="(item,index)incoldBaseInfo.stationModelList"

:key="index"

>

<divclass="boxleft">

<img:src="photo[index]"alt="Image"/>

</div>

vue2：

photo:[

require("@/assets/img/bigscreen/two.jpg"),

require("@/assets/img/bigscreen/four.png"),

require("@/assets/img/bigscreen/five.jpg"),

require("@/assets/img/bigscreen/ten.jpg"),

],

css：

.boxleft{

background:linear-gradient(toleft,#04C886,#04C886)lefttopno-repeat,

linear-gradient(tobottom,#04C886,#04C886)lefttopno-repeat,

linear-gradient(toleft,#04C886,#04C886)righttopno-repeat,

linear-gradient(tobottom,#04C886,#04C886)righttopno-repeat,

linear-gradient(toleft,#04C886,#04C886)leftbottomno-repeat,

linear-gradient(tobottom,#04C886,#04C886)leftbottomno-repeat,

linear-gradient(toleft,#04C886,#04C886)rightbottomno-repeat,

linear-gradient(toleft,#04C886,#04C886)rightbottomno-repeat;

background-size:2px10px,10px2px,2px10px,10px2px;

img{

width:100%;

height:100%;

padding:4px;

border:2pxsolid#7fb1c580;

}

}

下一篇：js实现文本框宽度自适应文本宽度的方法