能力集市--详情--描述信息tootlip样式:添加成全局样式(后续如果有需要,可直接加上类名)

This commit is contained in:
guoyue 2022-11-04 17:04:47 +08:00
parent 99f962c74f
commit 023f11c03a
4 changed files with 19 additions and 5 deletions

View File

@ -109,3 +109,9 @@
.ant-popover-inner-content .ant-popover-buttons {
text-align: center;
}
.ApplicationTopDetails-tooltip-card {
max-width: 9rem !important;
min-width: 6rem !important;
max-height: 6rem !important;
overflow-y: auto;
}

View File

@ -20,7 +20,7 @@
<a-list-item>
<a-skeleton avatar :title="false" :loading="!!item.loading" active>
<a-tooltip placement="topLeft" arrow-point-at-center mouseEnterDelay="1"
overlayClassName="tooltip-card">
overlayClassName="demandCenter-tooltip-card">
<template #title>
<div class="tooltip-desc">{{ item.demandDetails || '--' }}</div>
</template>
@ -334,7 +334,7 @@ html {
height: unset;
}
.tooltip-card {
.demandCenter-tooltip-card {
max-width: 900px !important;
min-width: 600px !important;
max-height: 600px !important;

View File

@ -45,7 +45,7 @@
<template #title>应用领域{{ applicationArea }}</template>
<div>应用领域{{ applicationArea }}</div>
</a-tooltip>
<a-tooltip placement="top">
<a-tooltip placement="top" overlayClassName="ApplicationTopDetails-tooltip-card">
<template #title>{{ props.dataList.description }}</template>
<div>
{{ props.dataList.description }}

View File

@ -36,7 +36,7 @@
<template #title>应用领域{{ applicationArea }}</template>
<div>应用领域{{ applicationArea }}</div>
</a-tooltip>
<a-tooltip placement="top">
<a-tooltip placement="top" overlayClassName="ApplicationTopDetails-tooltip-card">
<template #title>{{ props.dataList.description }}</template>
<div>
{{ props.dataList.description }}
@ -350,3 +350,11 @@
}
}
</style>
<style>
.ApplicationTopDetails-tooltip-card {
max-width: 9rem !important;
min-width: 6rem !important;
max-height: 6rem !important;
overflow-y: auto;
}
</style>