mirror of
https://gitee.com/dromara/go-view.git
synced 2025-04-25 10:56:34 +08:00
39 lines
853 B
Vue
39 lines
853 B
Vue
<template>
|
|
<ContentBox
|
|
class="go-content-layers"
|
|
:class="{ scoped: !chartLayoutStore.getLayers }"
|
|
title="图层"
|
|
@back="backHandle"
|
|
>
|
|
<template #icon>
|
|
<n-icon size="16" :depth="2">
|
|
<component :is="LayersIcon" />
|
|
</n-icon>
|
|
</template>
|
|
</ContentBox>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ContentBox } from '../ContentBox/index'
|
|
import { useChartLayoutStore } from '@/store/modules/chartLayoutStore/chartLayoutStore'
|
|
import { icon } from '@/plugins'
|
|
const { LayersIcon } = icon.ionicons5
|
|
const chartLayoutStore = useChartLayoutStore()
|
|
|
|
const backHandle = () => {
|
|
chartLayoutStore.setItem('layers', false)
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
$wight: 200px;
|
|
@include go(content-layers) {
|
|
width: $wight;
|
|
overflow: hidden;
|
|
@extend .go-transition;
|
|
&.scoped {
|
|
width: 0;
|
|
}
|
|
}
|
|
</style>
|