perf: 去除组件默认滤镜和变换,避免模糊问题

This commit is contained in:
奔跑的面条
2022-09-26 19:40:46 +08:00
parent 0ddbdfce57
commit d7bc1b6d5c
13 changed files with 26 additions and 26 deletions
@@ -70,9 +70,6 @@ const select = computed(() => {
position: absolute;
cursor: move;
// 混合模式
mix-blend-mode: screen;
/* 锚点 */
.shape-point {
z-index: 1;
@@ -163,7 +163,6 @@ $asideBottom: 70px;
align-items: center;
border-radius: 25px;
border: 1px solid;
mix-blend-mode: luminosity;
@include fetch-border-color('hover-border-color-shallow');
&.aside {
flex-direction: column-reverse;
@@ -248,14 +247,12 @@ $asideBottom: 70px;
height: 0;
padding: 5px;
bottom: $dockMiniBottom;
mix-blend-mode: screen;
}
100% {
height: $dockHeight;
padding: 8px 30px;
bottom: $dockBottom;
border-radius: 25px;
mix-blend-mode: none;
}
}
}
@@ -268,7 +265,6 @@ $asideBottom: 70px;
border-radius: 8px;
cursor: pointer;
border: 0px;
mix-blend-mode: screen;
animation: dock-mini-in 1s ease forwards;
@keyframes dock-mini-in {
0% {
@@ -291,7 +287,6 @@ $asideBottom: 70px;
height: 0;
padding: 5px;
bottom: $dockMiniBottom;
mix-blend-mode: screen;
}
}
.btn-item {
+2 -2
View File
@@ -19,7 +19,7 @@
<!-- 滤镜预览 -->
<div
:style="{
...getFilterStyle(filterShow ? chartEditStore.getEditCanvasConfig : undefined),
...getFilterStyle(chartEditStore.getEditCanvasConfig),
...rangeStyle
}"
>
@@ -54,7 +54,7 @@
:themeColor="themeColor"
:style="{
...useSizeStyle(item.attr),
...getFilterStyle(filterShow ? item.styles : undefined),
...getFilterStyle(item.styles),
...getTransformStyle(item.styles)
}"
></component>