Преглед изворни кода

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

奔跑的面条 пре 3 година
родитељ
комит
bb2b11edf2

+ 1 - 1
src/packages/components/Informations/Texts/TextCommon/config.ts

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

+ 5 - 2
src/packages/components/Informations/Texts/TextCommon/config.vue

@@ -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>

+ 1 - 1
src/views/chart/ContentEdit/index.vue

@@ -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;
     }
   }
 }

+ 2 - 1
src/views/preview/components/PreviewRenderList/index.vue

@@ -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>