WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1.修改三期优化点

Browse Source
This commit is contained in:
sunFlower
2022-09-27 11:16:23 +08:00
parent f158dae72d
commit befe49b135
1 changed files with 34 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/views/businessSupport/problemKnowledgeBase/components/countryCardView.vue
+34 -9
View File
@@ -27,8 +27,10 @@
<div v-for="(item2,index2) in item1.list" style="width: 340px;display: inline-block" <div v-for="(item2,index2) in item1.list" style="width: 340px;display: inline-block"
class="content-box-left"> class="content-box-left">
<div class="content-box-box-top" style="cursor: default" v-if="index == 0"> <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"> <span class="content-box-box-img content-box-box-img-text" v-if="index2 == 0"></span>
<img :src="item2.img" v-else class="content-box-box-img" alt=""> <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> <span v-if="index2 == 0" class="content-box-box-text"></span>
<div v-else class="content-box-box-text"> <div v-else class="content-box-box-text">
{{item2.applyMarket_dictText}} {{item2.applyMarket_dictText}}
@@ -37,15 +39,22 @@
</div> </div>
<div class="content-box-box" :class="{'content-box-box-color':index % 2 == 1 ? true : false}" v-else> <div class="content-box-box" :class="{'content-box-box-color':index % 2 == 1 ? true : false}" v-else>
<a v-if="index2 == 0 && item2.relevantUrl" <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-admin':!item2.lableName || item2.lableName == 'null' || item2.lableName == 'undefined'? true : false}"
class="content-box-box-text content-box-box-text-index" class="content-box-box-text content-box-box-text-index"
:href="item2.relevantUrl" target="_blank">{{item2.lableName}}</a> :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" <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-admin':!item2.lableName || item2.lableName == 'null' || item2.lableName == 'undefined'? true : false}"
class="content-box-box-text content-box-box-text-index" class="content-box-box-text content-box-box-text-index"
@click="viewFileClick(item2.lableName)" @click="viewFileClick(item2.lableName)"
v-else-if="item2.lableType == 7 && item2.lableName && index2 != 0"> v-else-if="item2.lableType == 7 && item2.lableName && index2 != 0">
{{$t('viewFile')}} {{$t('viewFile')}}
</span> </span>
<span class="content-box-box-text content-box-box-text-index" <span class="content-box-box-text content-box-box-text-index"
@@ -349,7 +358,7 @@
.content-box-box-top { .content-box-box-top {
width: 340px; width: 340px;
height: 160px; height: 115px;
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
background: #fff; background: #fff;
@@ -359,13 +368,13 @@
border-bottom: 1px #d9d9d9 solid; border-bottom: 1px #d9d9d9 solid;
.content-box-box-img { .content-box-box-img {
width: 238px; width: 169px;
height: 100%; /*height: 100%;*/
} }
.content-box-box-text { .content-box-box-text {
display: inline-block; display: inline-block;
width: calc(100% - 238px); width: calc(100% - 169px);
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
@@ -400,7 +409,7 @@
.content-box-box-text { .content-box-box-text {
display: inline-block; display: inline-block;
width: calc(100% - 238px); width: calc(100% - 169px);
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
@@ -427,7 +436,7 @@
.content-box-top:first-child { .content-box-top:first-child {
position: sticky; position: sticky;
top: 0; top: 0;
height: 160px; height: 115px;
z-index: 111; z-index: 111;
background: #fff; background: #fff;
} }
@@ -448,4 +457,20 @@
.content-box-box-color { .content-box-box-color {
background: #f2f2f2; 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> </style>