|
@@ -1,12 +1,18 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div :style="{ ...(styleMap?.mainStyle || {}), ...otherStyles }" class="w-full h-full">
|
|
<div :style="{ ...(styleMap?.mainStyle || {}), ...otherStyles }" class="w-full h-full">
|
|
|
- <span
|
|
|
|
|
- class="shrink-0 whitespace-pre!"
|
|
|
|
|
- v-for="(item, index) in resolvedItems"
|
|
|
|
|
- :key="index"
|
|
|
|
|
- :style="getSpanStyle(item)"
|
|
|
|
|
- >{{ item.resolvedText.text }}</span
|
|
|
|
|
|
|
+ <ImageBg :src="styleMap?.mainStyle?.imageSrc" :image-style="styleMap?.mainStyle?.imageStyle" />
|
|
|
|
|
+ <div
|
|
|
|
|
+ class="absolute w-full h-full z-2 break-all"
|
|
|
|
|
+ :style="{ ...(styleMap?.mainStyle || {}), ...otherStyles }"
|
|
|
>
|
|
>
|
|
|
|
|
+ <span
|
|
|
|
|
+ class="shrink-0 whitespace-pre!"
|
|
|
|
|
+ v-for="(item, index) in resolvedItems"
|
|
|
|
|
+ :key="index"
|
|
|
|
|
+ :style="getSpanStyle(item)"
|
|
|
|
|
+ >{{ item.resolvedText.text }}</span
|
|
|
|
|
+ >
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -15,6 +21,7 @@ import { computed, CSSProperties } from 'vue'
|
|
|
import { LineEnum } from './data'
|
|
import { LineEnum } from './data'
|
|
|
import { useWidgetStyle } from '../hooks/useWidgetStyle'
|
|
import { useWidgetStyle } from '../hooks/useWidgetStyle'
|
|
|
import { useLanguage } from '../hooks/useLanguage'
|
|
import { useLanguage } from '../hooks/useLanguage'
|
|
|
|
|
+import ImageBg from '../ImageBg.vue'
|
|
|
|
|
|
|
|
import type { SpanItem } from './data'
|
|
import type { SpanItem } from './data'
|
|
|
|
|
|