fix: 某些情况下打开图表网格颜色取色器会卡死的现象(原理未知)

This commit is contained in:
LLzzZZ 2022-06-08 12:57:50 +08:00 committed by GitHub
parent 8761d313e3
commit 72dc163217
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -59,7 +59,7 @@
</div> </div>
<div class="recent-colors-title" v-if="recentColors.length">最近使用</div> <div class="recent-colors-title" v-if="recentColors.length">最近使用</div>
<div class="recent-colors"> <div class="picker-presets">
<div <div
v-for="c in recentColors" v-for="c in recentColors"
:key="c" :key="c"
@ -129,6 +129,9 @@ const getPresetColors = () => {
return presetColors return presetColors
} }
const themeColors = ['#000000', '#ffffff', '#eeece1', '#1e497b', '#4e81bb', '#e2534d', '#9aba60', '#8165a0', '#47acc5', '#f9974c']
const standardColors = ['#c21401', '#ff1e02', '#ffc12a', '#ffff3a', '#90cf5b', '#00af57', '#00afee', '#0071be', '#00215f', '#72349d']
export default defineComponent({ export default defineComponent({
name: 'color-picker', name: 'color-picker',
components: { components: {
@ -159,8 +162,6 @@ export default defineComponent({
}, },
}) })
const themeColors = ['#000000', '#ffffff', '#eeece1', '#1e497b', '#4e81bb', '#e2534d', '#9aba60', '#8165a0', '#47acc5', '#f9974c']
const standardColors = ['#c21401', '#ff1e02', '#ffc12a', '#ffff3a', '#90cf5b', '#00af57', '#00afee', '#0071be', '#00215f', '#72349d']
const presetColors = getPresetColors() const presetColors = getPresetColors()
const currentColor = computed(() => { const currentColor = computed(() => {
@ -396,8 +397,7 @@ export default defineComponent({
} }
.picker-gradient-color { .picker-gradient-color {
width: 100%; width: 100%;
height: 0; height: 16px;
padding-bottom: 100%;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
} }
@ -406,7 +406,4 @@ export default defineComponent({
font-size: 12px; font-size: 12px;
margin-bottom: 4px; margin-bottom: 4px;
} }
.recent-colors {
@include flex-grid-layout();
}
</style> </style>