style: 统一修改白色背景的tooltip样式

--bug=1035319 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001035319
This commit is contained in:
teukkk 2024-05-30 14:53:06 +08:00 committed by 刘瑞斌
parent 3eebbed5d1
commit 93b2793d88
5 changed files with 18 additions and 5 deletions

View File

@ -96,3 +96,15 @@ body {
background: rgb(var(--primary-6));
}
}
/* 白色背景的tooltip */
.tooltip-white {
.arco-tooltip-content {
background-color: var(--color-bg-1);
box-shadow: 0 4px 10px -1px rgb(100 100 102 / 15%);
}
.arco-tooltip-popup-arrow {
z-index: 1;
background-color: var(--color-bg-1);
}
}

View File

@ -40,6 +40,7 @@ export default {
'common.saveFailed': 'Save failed',
'common.associated': 'Associated',
'common.linkSuccess': 'Link success',
'common.cancelLink': 'Cancel link',
'common.unLinkSuccess': 'Unlink success',
'common.confirmEnable': 'Confirm enable',
'common.confirmEnd': 'Confirm end',
@ -152,8 +153,8 @@ export default {
'common.batchDebug': 'Batch debug',
'common.quote': 'Quote',
'common.notQuote': 'Not quote',
'common.execute': 'execute',
'common.replace': 'replace',
'common.execute': 'Execute',
'common.replace': 'Replace',
'common.value.notNull': 'The attribute value cannot be empty',
'common.nameNotNull': 'Name cannot be empty',
'common.namePlaceholder': 'Please enter the name and press Enter to save',

View File

@ -19,7 +19,7 @@
</div>
<MsBaseTable v-bind="propsRes" v-on="propsEvent">
<template #revokeDelete="{ record }">
<a-tooltip background-color="#FFFFFF">
<a-tooltip class="tooltip-white">
<template #content>
<div class="flex flex-row">
<span class="text-[var(--color-text-1)]">{{

View File

@ -1,7 +1,7 @@
<template>
<MsBaseTable v-bind="propsRes" v-on="propsEvent">
<template #revokeDelete="{ record }">
<a-tooltip background-color="#FFFFFF">
<a-tooltip class="tooltip-white">
<template #content>
<div class="flex flex-row">
<span class="text-[var(--color-text-1)]">{{

View File

@ -1,7 +1,7 @@
<template>
<MsBaseTable v-bind="propsRes" v-on="propsEvent">
<template #revokeDelete="{ record }">
<a-tooltip background-color="#FFFFFF">
<a-tooltip class="tooltip-white">
<template #content>
<div class="flex flex-row">
<span class="text-[var(--color-text-1)]">{{