test/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2024-12-09 07:08:19 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

perf: 优化层级UI展示

Browse Source
This commit is contained in:
奔跑的面条 2022-09-29 09:12:05 +08:00
parent 6f5d1d9459
commit 6ea3f0701e
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/chart/ContentLayers/components/LayersStatus/index.vue
View File

@ -19,9 +19,10 @@
<script setup lang="ts">
import { computed, PropType } from 'vue'
import { LayerModeEnum } from '../../index.d'
import { useDesignStore } from '@/store/modules/designStore/designStore'
import { PublicConfigType } from '@/packages/index.d'
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
import { LayerModeEnum } from '../../index.d'
import { icon } from '@/plugins'
const props = defineProps({
@ -44,6 +45,12 @@ const props = defineProps({
const { LockClosedOutlineIcon, LockOpenOutlineIcon, EyeOutlineIcon, EyeOffOutlineIcon } = icon.ionicons5
const chartEditStore = useChartEditStore()
const designStore = useDesignStore()
// 颜色
const themeColor = computed(() => {
return designStore.getAppTheme
})
// 隐藏 / 展示
const showHandle = (e: MouseEvent) => {
@ -59,7 +66,7 @@ const lockHandle = (e: MouseEvent) => {
</script>
<style lang="scss" scoped>
$activeColor: #ebcb87;
$activeColor: v-bind('themeColor');
.icon-item {
opacity: 0;