前台-详情页-算法优势bug
This commit is contained in:
parent
8fda94f942
commit
d6e7324b80
|
@ -12,7 +12,10 @@
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<div v-for="val in data" :key="val.id" class="item">
|
<div v-for="val in data" :key="val.id" class="item">
|
||||||
<div class="icon" :class="val.icon"></div>
|
<div class="icon" :class="val.icon"></div>
|
||||||
<div class="title">{{ val.title }}</div>
|
<a-tooltip>
|
||||||
|
<template #title>{{ val.title }}</template>
|
||||||
|
<div class="title">{{ val.title }}</div>
|
||||||
|
</a-tooltip>
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>{{ val.text }}</template>
|
<template #title>{{ val.text }}</template>
|
||||||
<div class="text">{{ val.text }}</div>
|
<div class="text">{{ val.text }}</div>
|
||||||
|
@ -92,7 +95,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.item {
|
.item {
|
||||||
width: 424px;
|
width: 424px;
|
||||||
height:306px;
|
height: 306px;
|
||||||
padding: 35px;
|
padding: 35px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -119,7 +122,11 @@
|
||||||
.title {
|
.title {
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
|
width: 2.6rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.text {
|
.text {
|
||||||
height: 78px;
|
height: 78px;
|
||||||
|
|
Loading…
Reference in New Issue