wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

能力集市--详情--描述信息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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
front/public/static/css/modal.css
View File

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

4
front/src/views/demandCenter/index.vue
View File

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

2
front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
View File

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

10
front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
View File

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