fix: 兼容 Chrome 90 前端运行环境
- 为管理端与用户中心补齐旧浏览器运行时 API 和回归测试 - 增加现代 CSS 与选择器降级,保持现有界面效果 - 固定 Chrome 90 构建目标并补充兼容依赖
This commit is contained in:
@@ -91,6 +91,7 @@ const emit = defineEmits<{
|
||||
max-width: min(88%, 640px);
|
||||
padding: 12px 14px;
|
||||
color: var(--el-text-color-primary);
|
||||
background: var(--el-bg-color);
|
||||
background: color-mix(in srgb, var(--el-bg-color) 88%, transparent);
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
border-radius: 8px;
|
||||
|
||||
@@ -78,6 +78,7 @@ function handleKeydown(event: Event | KeyboardEvent) {
|
||||
align-items: flex-end;
|
||||
padding: 10px;
|
||||
margin: 0 16px 16px;
|
||||
background: var(--el-bg-color);
|
||||
background: color-mix(in srgb, var(--el-bg-color) 92%, transparent);
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
border-radius: 8px;
|
||||
|
||||
@@ -121,7 +121,11 @@ const sizeMap = {
|
||||
<template>
|
||||
<div
|
||||
class="tag"
|
||||
:class="[`tag--${size}`, { 'tag--round': round }, `tag--border-${border}`]"
|
||||
:class="[
|
||||
`tag--${size}`,
|
||||
{ 'tag--closable': closable, 'tag--round': round },
|
||||
`tag--border-${border}`,
|
||||
]"
|
||||
:style="[
|
||||
tagStyle,
|
||||
{
|
||||
@@ -212,15 +216,15 @@ const sizeMap = {
|
||||
}
|
||||
|
||||
/* 为可关闭标签调整内边距 */
|
||||
.tag:has(.tag__close) {
|
||||
.tag--closable {
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.tag:has(.tag__close).tag--small {
|
||||
.tag--closable.tag--small {
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
.tag:has(.tag__close).tag--large {
|
||||
.tag--closable.tag--large {
|
||||
padding-right: 12px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -253,6 +253,7 @@ onMounted(() => {
|
||||
.tree-select {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
background: var(--el-bg-color);
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
color-mix(in srgb, var(--el-color-primary-light-9) 32%, var(--el-bg-color))
|
||||
@@ -330,6 +331,7 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
:deep(.el-tree-node.is-current > .el-tree-node__content) {
|
||||
background: var(--el-color-primary-light-8);
|
||||
background: color-mix(
|
||||
in srgb,
|
||||
var(--el-color-primary-light-8) 70%,
|
||||
@@ -358,6 +360,7 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
:deep(.el-scrollbar__thumb) {
|
||||
background: var(--el-text-color-placeholder);
|
||||
background: color-mix(
|
||||
in srgb,
|
||||
var(--el-text-color-secondary) 22%,
|
||||
|
||||
Reference in New Issue
Block a user