feat: 新增定位和style处理

src/views/preview/components/RenderList/index.vue

@@ -4,7 +4,7 @@
     :class="animationsClass(item.styles.animations)"
     v-for="(item, index) in localStorageInfo.componentList"
     :key="item.id"
-    :style="{ ...useComponentAttrStyle(item.attr, index), ...useSizeStyle(item.attr) }"
+    :style="{ ...useComponentAttrStyle(item.attr, index), ...useSizeStyle(item.attr), ...useStyle(item.styles)}"
   >
     <component
       :is="item.key"
@@ -19,7 +19,7 @@
 import { PropType, computed } from 'vue'
 import { ChartEditStorageType } from '../../index.d'
 import { chartColors } from '@/settings/chartThemes/index'
-import { useSizeStyle, useComponentAttrStyle, animationsClass } from '../../utils'
+import { useSizeStyle, useStyle, useComponentAttrStyle, animationsClass } from '../../utils'
 
 const props = defineProps({
   localStorageInfo: {

src/views/preview/utils/style.ts

@@ -43,3 +43,10 @@ export const animationsClass = (animations: string[]) => {
   }
   return ''
 }
+
+export const useStyle = (styles: StylesType) => {
+  return {
+    // 透明度
+    opacity: styles.opacity
+  }
+}