feat: 新增工具栏模块, 修改系统设置初始化结构

This commit is contained in:
MTrun
2022-04-09 16:40:57 +08:00
parent 7bb0b1a463
commit 77137990a6
11 changed files with 178 additions and 73 deletions
@@ -0,0 +1,3 @@
import EditTools from './index.vue'
export { EditTools }
@@ -0,0 +1,38 @@
<template>
<div class="go-chart-edit-tools" :class="settingStore.getChartToolsStatus">
<!-- aside -->
<div v-if="settingStore.getChartToolsStatus === ToolsStatusEnum.ASIDE" class="tools-aside"></div>
<!-- dock -->
<div v-else class="tools-dock"></div>
</div>
</template>
<script setup lang="ts">
import { useSettingStore } from '@/store/modules/settingStore/settingStore'
import { ToolsStatusEnum } from '@/store/modules/settingStore/settingStore.d'
const settingStore = useSettingStore()
</script>
<style lang="scss" scoped>
/* 底部区域的高度 */
$topOrBottomHeight: 40px;
$asideBottom: 100px;
@include go('chart-edit-tools') {
position: absolute;
&.dock {
right: 10px;
bottom: $asideBottom;
}
&.aside {
left: 50%;
bottom: $topOrBottomHeight;
}
.tools-aside {
}
.tools-dock {
}
}
</style>