Compare commits

..

2 Commits

1 changed files with 23 additions and 6 deletions

View File

@ -32,7 +32,12 @@
<!-- 总体流程 --> <!-- 总体流程 -->
<TheOverallProcess></TheOverallProcess> <TheOverallProcess></TheOverallProcess>
<!-- imgList --> <!-- imgList -->
<div class="img-box" v-for="(item, i) in imgList" :key="i"> <div
class="img-box"
:class="item.btnText === '立即上架' ? '' : 'img-box-new'"
v-for="(item, i) in imgList"
:key="i"
>
<div class="title"> <div class="title">
<div class="text">{{ item.name }}</div> <div class="text">{{ item.name }}</div>
<div class="line"></div> <div class="line"></div>
@ -42,7 +47,12 @@
:class="item.className" :class="item.className"
:style="{ 'background-image': `url(${item.bgImg || ''})` }" :style="{ 'background-image': `url(${item.bgImg || ''})` }"
></div> ></div>
<div v-if="item.btnText" class="btn" @click="toWhere(item.name)"> <div
v-if="item.btnText"
class="btn"
:class="item.btnText === '立即上架' ? '' : 'btn-new'"
@click="toWhere(item.name)"
>
{{ item.btnText }} >> {{ item.btnText }} >>
</div> </div>
</div> </div>
@ -435,14 +445,21 @@
border-radius: 2px; border-radius: 2px;
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
background: white;
&:hover { &:hover {
background: #e5eefc; background: #e5eefc;
} }
} }
.btn-new {
position: relative;
top: -104px;
}
.img-box { .img-box {
margin-bottom: 50px; margin-bottom: 0px;
}
.img-box-new {
margin-bottom: -60px;
} }
.service-box { .service-box {