1.修改三期优化点

This commit is contained in:
sunFlower
2022-09-27 11:16:23 +08:00
parent f158dae72d
commit befe49b135
@@ -27,8 +27,10 @@
<div v-for="(item2,index2) in item1.list" style="width: 340px;display: inline-block"
class="content-box-left">
<div class="content-box-box-top" style="cursor: default" v-if="index == 0">
<img class="content-box-box-img" style="display: inline-block;width: auto" v-if="index2 == 0">
<img :src="item2.img" v-else class="content-box-box-img" alt="">
<span class="content-box-box-img content-box-box-img-text" v-if="index2 == 0"></span>
<span class="content-box-box-img-index" v-else>
<img :src="item2.img" class="content-box-box-img" alt="">
</span>
<span v-if="index2 == 0" class="content-box-box-text"></span>
<div v-else class="content-box-box-text">
{{item2.applyMarket_dictText}}
@@ -37,15 +39,22 @@
</div>
<div class="content-box-box" :class="{'content-box-box-color':index % 2 == 1 ? true : false}" v-else>
<a v-if="index2 == 0 && item2.relevantUrl"
style="color: rgb(33, 201, 204)"
style="color: rgb(33, 201, 204);font-weight: bold"
:class="{'content-box-box-text-admin':!item2.lableName || item2.lableName == 'null' || item2.lableName == 'undefined'? true : false}"
class="content-box-box-text content-box-box-text-index"
:href="item2.relevantUrl" target="_blank">{{item2.lableName}}</a>
<span v-else-if="index2 == 0"
:class="{'content-box-box-text-admin':!item2.lableName || item2.lableName == 'null' || item2.lableName == 'undefined'? true : false}"
class="content-box-box-text content-box-box-text-index"
style="color: #040B29;font-weight: bold">
{{item2.lableName}}
</span>
<span style="color: #21c9cc"
:class="{'content-box-box-text-admin':!item2.lableName || item2.lableName == 'null' || item2.lableName == 'undefined'? true : false}"
class="content-box-box-text content-box-box-text-index"
@click="viewFileClick(item2.lableName)"
v-else-if="item2.lableType == 7 && item2.lableName && index2 != 0">
{{$t('viewFile')}}
</span>
<span class="content-box-box-text content-box-box-text-index"
@@ -349,7 +358,7 @@
.content-box-box-top {
width: 340px;
height: 160px;
height: 115px;
display: inline-block;
cursor: pointer;
background: #fff;
@@ -359,13 +368,13 @@
border-bottom: 1px #d9d9d9 solid;
.content-box-box-img {
width: 238px;
height: 100%;
width: 169px;
/*height: 100%;*/
}
.content-box-box-text {
display: inline-block;
width: calc(100% - 238px);
width: calc(100% - 169px);
text-align: center;
font-size: 18px;
font-weight: 500;
@@ -400,7 +409,7 @@
.content-box-box-text {
display: inline-block;
width: calc(100% - 238px);
width: calc(100% - 169px);
text-align: center;
font-size: 18px;
font-weight: 500;
@@ -427,7 +436,7 @@
.content-box-top:first-child {
position: sticky;
top: 0;
height: 160px;
height: 115px;
z-index: 111;
background: #fff;
}
@@ -448,4 +457,20 @@
.content-box-box-color {
background: #f2f2f2;
}
.content-box-box-img-text {
width: auto !important;
display: inline-block;
height: 112px;
vertical-align: middle;
border-style: none;
}
.content-box-box-img-index {
width: 169px;
height: 112px;
display: inline-block;
vertical-align: middle;
border-style: none;
}
</style>