|
|
|
@ -19,6 +19,11 @@
|
|
|
|
|
<div class="list">
|
|
|
|
|
<div v-for="(i,k) in contentList">
|
|
|
|
|
<div v-if="k%2 === 1" class="item1">
|
|
|
|
|
<div class="view">
|
|
|
|
|
<span>
|
|
|
|
|
查看详情
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="left">
|
|
|
|
|
<div class="itemTitle">{{ i.caseInfoTitle }}</div>
|
|
|
|
|
<div class="itemInfo">
|
|
|
|
@ -31,13 +36,13 @@
|
|
|
|
|
:src="i.caseInfoPic"
|
|
|
|
|
fit="contain"></el-image>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="view">
|
|
|
|
|
<span>
|
|
|
|
|
查看详情
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="k%2 === 0" class="item2">
|
|
|
|
|
<div class="view">
|
|
|
|
|
<span>
|
|
|
|
|
查看详情
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="left">
|
|
|
|
|
<el-image
|
|
|
|
|
style="width: 100%; height: 100%;"
|
|
|
|
@ -50,11 +55,6 @@
|
|
|
|
|
{{ i.caseInfoDesc }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="view">
|
|
|
|
|
<span>
|
|
|
|
|
查看详情
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -197,6 +197,7 @@ export default {
|
|
|
|
|
.left {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 55%;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
|
|
|
|
|
.itemTitle {
|
|
|
|
|
font-size: 1.6vw;
|
|
|
|
@ -243,12 +244,14 @@ export default {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 41%;
|
|
|
|
|
margin-right: 4%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.right {
|
|
|
|
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 55%;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
|
|
|
|
|
.itemTitle {
|
|
|
|
|
font-size: 1.6vw;
|
|
|
|
@ -272,7 +275,8 @@ export default {
|
|
|
|
|
width: calc(100% - 3vw);
|
|
|
|
|
height: 3.7vw;
|
|
|
|
|
line-height: 3.7vw;
|
|
|
|
|
padding-left: 3vw;
|
|
|
|
|
padding-right: 3vw;
|
|
|
|
|
text-align: right;
|
|
|
|
|
font-size: 1.2vw;
|
|
|
|
|
color: #fff;
|
|
|
|
|
background-color: #3372ff;
|
|
|
|
|