能力集市--详情--描述信息tootlip样式:添加成全局样式(后续如果有需要,可直接加上类名)
This commit is contained in:
parent
99f962c74f
commit
023f11c03a
|
@ -108,4 +108,10 @@
|
|||
/* 气泡提示框按钮居中 */
|
||||
.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;
|
||||
}
|
|
@ -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;
|
||||
|
|
|
@ -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 }}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue