747、749
This commit is contained in:
parent
428af8b74f
commit
cfa9de0b32
|
@ -47,10 +47,7 @@
|
|||
<div :class="contentLocation(1, dataFrom.attrType)">
|
||||
<div class="content-right-scene" :class="'content-right-case'">
|
||||
<div class="content-top">{{ itemSonTitle.name }}</div>
|
||||
<a-tooltip>
|
||||
<template #title>{{ itemSonTitle.desc }}</template>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</a-tooltip>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -47,10 +47,7 @@
|
|||
<div class="content-right">
|
||||
<div class="content-right-scene">
|
||||
<div class="content-top">{{ itemSonTitle.name }}</div>
|
||||
<a-tooltip>
|
||||
<template #title>{{ itemSonTitle.desc }}</template>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</a-tooltip>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -153,10 +150,10 @@
|
|||
.tab-top {
|
||||
min-width: 1.2rem;
|
||||
font-size: 0.24rem;
|
||||
line-height: 0.24rem;
|
||||
line-height: 0.26rem;
|
||||
margin-bottom: 0.2rem;
|
||||
max-width: 2rem;
|
||||
height: 0.24rem;
|
||||
height: 0.26rem;
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
-webkit-line-clamp: 1;
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
<div class="card-title">{{ item.childrenTitle }}</div>
|
||||
<div class="card-content">
|
||||
<div v-for="carditem in item.childrenContent" :key="carditem">
|
||||
<div>
|
||||
<div style="display: flex">
|
||||
<span>{{ carditem.attrType }}:</span>
|
||||
<a-tooltip>
|
||||
<template #title>{{ carditem.attrValue }}</template>
|
||||
|
@ -220,11 +220,21 @@
|
|||
|
||||
div {
|
||||
max-width: 2.8rem;
|
||||
display: flex;
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
// display: -webkit-box;
|
||||
// -webkit-box-orient: vertical;
|
||||
// -webkit-line-clamp: 1;
|
||||
span:last-child {
|
||||
display: block;
|
||||
width: 2.3rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 1;
|
||||
word-break: break-all;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -47,10 +47,7 @@
|
|||
<div :class="contentLocation(1, dataFrom.attrType)">
|
||||
<div class="content-right-scene" :class="'content-right-case'">
|
||||
<div class="content-top">{{ itemSonTitle.name }}</div>
|
||||
<a-tooltip>
|
||||
<template #title>{{ itemSonTitle.desc }}</template>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</a-tooltip>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -47,10 +47,7 @@
|
|||
<div class="content-right">
|
||||
<div class="content-right-scene">
|
||||
<!-- <div class="content-top">{{ itemSonTitle.name }}</div>-->
|
||||
<a-tooltip>
|
||||
<template #title>{{ itemSonTitle.desc }}</template>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</a-tooltip>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -322,7 +322,7 @@
|
|||
.content-right-left {
|
||||
border-right: 0.01rem solid #707fe0;
|
||||
padding-right: 0.1rem;
|
||||
margin-right: 0.1rem;
|
||||
margin-right: 0.3rem;
|
||||
}
|
||||
|
||||
.content-right-title {
|
||||
|
@ -344,12 +344,11 @@
|
|||
word-break: break-all;
|
||||
|
||||
p {
|
||||
// width: 1.60rem;
|
||||
min-width: 2.2rem;
|
||||
height: 0.2rem;
|
||||
display: -webkit-box;
|
||||
// overflow: hidden;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0.08rem;
|
||||
white-space: nowrap;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
margin-right: 0.15rem;
|
||||
|
|
|
@ -47,10 +47,7 @@
|
|||
<div :class="contentLocation(1, dataFrom.attrType)">
|
||||
<div class="content-right-scene" :class="'content-right-case'">
|
||||
<div class="content-top">{{ itemSonTitle.name }}</div>
|
||||
<a-tooltip>
|
||||
<template #title>{{ itemSonTitle.desc }}</template>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</a-tooltip>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -47,10 +47,7 @@
|
|||
<div class="content-right">
|
||||
<div class="content-right-scene">
|
||||
<div class="content-top">{{ itemSonTitle.name }}</div>
|
||||
<a-tooltip>
|
||||
<template #title>{{ itemSonTitle.desc }}</template>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</a-tooltip>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -265,7 +265,7 @@
|
|||
// -webkit-line-clamp: 1;
|
||||
& > span:last-child {
|
||||
display: inline-block;
|
||||
width: 1.49rem;
|
||||
width: 2rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
|
|
@ -47,10 +47,7 @@
|
|||
<div :class="contentLocation(1, dataFrom.attrType)">
|
||||
<div class="content-right-scene" :class="'content-right-case'">
|
||||
<div class="content-top">{{ itemSonTitle.name }}</div>
|
||||
<a-tooltip>
|
||||
<template #title>{{ itemSonTitle.desc }}</template>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</a-tooltip>
|
||||
<div class="content-bottom">{{ itemSonTitle.desc }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -345,8 +345,8 @@
|
|||
word-break: break-all;
|
||||
|
||||
p {
|
||||
// width: 1.60rem;
|
||||
height: 0.2rem;
|
||||
width: 2.6rem;
|
||||
// height: 0.2rem;
|
||||
margin-right: 0.15rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
|
Loading…
Reference in New Issue