github/go-view
4
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2026-04-23 00:00:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 新增全局设置通用组件

Browse Source
This commit is contained in:
MTrun
2022-02-22 15:50:50 +08:00
parent adb5f353bf
commit c071cb5a49
4 changed files with 62 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/chart/ContentDetails/components/CanvasPage/components/ChartThemSetting/index.vue
+3 -34
View File
@@ -1,42 +1,11 @@
<template>
<div class="go-canvas-chart-color">
<CollapseItem name="标题">
<ConfigItemBox name="标题颜色">
<ConfigItem :width="200">
<n-color-picker v-model:value="chartThemeSetting.title.textStyle.color" />
</ConfigItem>
</ConfigItemBox>
<ConfigItemBox name="副标题颜色">
<ConfigItem :width="200">
<n-color-picker v-model:value="chartThemeSetting.title.subtextStyle.color" />
</ConfigItem>
</ConfigItemBox>
</CollapseItem>
<CollapseItem name="图例">
<ConfigItemBox name="图例文字颜色">
<ConfigItem :width="200">
<n-color-picker v-model:value="chartThemeSetting.legend.textStyle.color" />
</ConfigItem>
</ConfigItemBox>
</CollapseItem>
</div>
<GlobalSetting :data="chartThemeSetting" />
</template>
<script setup lang="ts">
import { toRefs } from 'vue'
import { useChartEditStoreStore } from '@/store/modules/chartEditStore/chartEditStore'
import {
CollapseItem,
ConfigItemBox,
ConfigItem
} from '@/components/ConfigItemCom/index'
import { GlobalSetting } from '@/components/ConfigItemCom/index'
const chartEditStoreStore = useChartEditStoreStore()
const { chartThemeSetting } = chartEditStoreStore.getEditCanvasConfig
</script>
<style lang="scss" scoped>
@include go(canvas-chart-color) {
}
</style>
</script>
src/views/chart/ContentDetails/components/CanvasPage/components/ChartThemeColor/index.vue
+2 -2
View File
@@ -1,5 +1,5 @@
<template>
<div class="go-canvas-chart-color">
<div class="go-chart-theme-color">
<n-card
v-for="(value, key) in chartColors"
:key="key"
@@ -64,7 +64,7 @@ const selectTheme = (theme: ChartColorsNameType) => {
</script>
<style lang="scss" scoped>
@include go(canvas-chart-color) {
@include go(chart-theme-color) {
padding-top: 20px;
.card-box {
cursor: pointer;