747、749

This commit is contained in:
gaoyuanwei 2022-07-29 11:02:16 +08:00
parent 428af8b74f
commit cfa9de0b32
11 changed files with 26 additions and 38 deletions

View File

@ -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>
</div>
</div>

View File

@ -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>
</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;

View File

@ -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;
}
}
}

View File

@ -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>
</div>
</div>

View File

@ -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>
</div>
</div>

View File

@ -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;

View File

@ -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>
</div>
</div>

View File

@ -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>
</div>
</div>

View File

@ -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;

View File

@ -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>
</div>
</div>

View File

@ -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;