fix: 修改预览页面位置不对的问题,修改文字配置项的顺序

This commit is contained in:
奔跑的面条 2022-04-07 09:57:00 +08:00
parent 8b7606f893
commit 9c2f70b68c
4 changed files with 9 additions and 5 deletions

View File

@ -20,7 +20,7 @@ export const option = {
padding: 5, padding: 5,
// 字间距 // 字间距
letterSpacing: 5, letterSpacing: 5,
borderRadius: 0, borderRadius: 5,
writingMode: 'horizontal-tb', writingMode: 'horizontal-tb',
backgroundColor: '#00000000', backgroundColor: '#00000000',
} }

View File

@ -1,10 +1,13 @@
<template> <template>
<CollapseItem name="样式" :expanded="true"> <CollapseItem name="信息" :expanded="true">
<SettingItemBox name="内容" :alone="true"> <SettingItemBox name="文字" :alone="true">
<SettingItem> <SettingItem>
<n-input v-model:value="optionData.dataset" size="small"></n-input> <n-input v-model:value="optionData.dataset" size="small"></n-input>
</SettingItem> </SettingItem>
</SettingItemBox> </SettingItemBox>
</CollapseItem>
<CollapseItem name="样式" :expanded="true">
<SettingItemBox name="文字"> <SettingItemBox name="文字">
<SettingItem name="字体大小"> <SettingItem name="字体大小">
<n-input-number v-model:value="optionData.fontSize" size="small" placeholder="字体大小"></n-input-number> <n-input-number v-model:value="optionData.fontSize" size="small" placeholder="字体大小"></n-input-number>

View File

@ -96,11 +96,11 @@ onMounted(() => {
@include goId('chart-edit-content') { @include goId('chart-edit-content') {
border-radius: 10px; border-radius: 10px;
margin: 15px; margin: 15px;
overflow: hidden;
@extend .go-transition; @extend .go-transition;
@include fetch-theme('box-shadow'); @include fetch-theme('box-shadow');
.edit-content-chart { .edit-content-chart {
position: absolute; position: absolute;
overflow: hidden;
} }
} }
} }

View File

@ -4,13 +4,14 @@
:class="animationsClass(item.styles.animations)" :class="animationsClass(item.styles.animations)"
v-for="(item, index) in localStorageInfo.componentList" v-for="(item, index) in localStorageInfo.componentList"
:key="item.id" :key="item.id"
:style="{ ...getComponentAttrStyle(item.attr, index), ...getSizeStyle(item.attr), ...getStyle(item.styles)}" :style="{ ...getComponentAttrStyle(item.attr, index), ...getStyle(item.styles)}"
> >
<component <component
:is="item.chartConfig.chartKey" :is="item.chartConfig.chartKey"
:chartConfig="item" :chartConfig="item"
:themeSetting="themeSetting" :themeSetting="themeSetting"
:themeColor="themeColor" :themeColor="themeColor"
:style="{...getSizeStyle(item.attr)}"
></component> ></component>
</div> </div>
</template> </template>