mirror of
https://gitee.com/dromara/go-view.git
synced 2025-02-25 00:33:00 +08:00
fix: 修改预览页面位置不对的问题,修改文字配置项的顺序
This commit is contained in:
parent
8b7606f893
commit
9c2f70b68c
@ -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',
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user