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,
// 字间距
letterSpacing: 5,
borderRadius: 0,
borderRadius: 5,
writingMode: 'horizontal-tb',
backgroundColor: '#00000000',
}

View File

@ -1,10 +1,13 @@
<template>
<CollapseItem name="样式" :expanded="true">
<SettingItemBox name="内容" :alone="true">
<CollapseItem name="信息" :expanded="true">
<SettingItemBox name="文字" :alone="true">
<SettingItem>
<n-input v-model:value="optionData.dataset" size="small"></n-input>
</SettingItem>
</SettingItemBox>
</CollapseItem>
<CollapseItem name="样式" :expanded="true">
<SettingItemBox name="文字">
<SettingItem name="字体大小">
<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') {
border-radius: 10px;
margin: 15px;
overflow: hidden;
@extend .go-transition;
@include fetch-theme('box-shadow');
.edit-content-chart {
position: absolute;
overflow: hidden;
}
}
}

View File

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