center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

refactor(图表): 变更文本样式

Browse Source
This commit is contained in:
wangjiahao 2024-06-30 20:48:53 +08:00
parent a55e431610
commit 028d89e5fe
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
core/core-frontend/src/custom-component/scroll-text/Component.vue
View File

@ -126,9 +126,9 @@ onBeforeUnmount(() => {
const varStyle = computed(() => [
{
'--scroll-speed': `${
element.value.style.scrollSpeed === 0 || !text.value
element.value.style.scrollSpeed === 0 || !textOut.value
? 0
: (text.value.clientWidth * 100) /
: (textOut.value.clientWidth * 100) /
canvasStyleData.value.scale /
element.value.style.scrollSpeed
}s`,
@ -168,6 +168,7 @@ onMounted(() => {
ref="textOut"
@keydown="handleKeydown"
@keyup="handleKeyup"
@dblclick="setEdit"
>
<div
ref="text"
@ -175,7 +176,6 @@ onMounted(() => {
:class="{ 'can-edit': canEdit, 'marquee-txt': marqueeTxt }"
tabindex="0"
:style="textStyle"
@dblclick="setEdit"
@paste="clearStyle"
@mousedown="handleMousedown"
@blur="handleBlur"
@ -184,8 +184,8 @@ onMounted(() => {
{{ element['propValue'] }}
</div>
</div>
<div v-else class="v-text preview" :style="varStyle">
<div class="marquee-txt" :style="textStyle">{{ element['propValue'] }}</div>
<div v-else class="v-text preview" ref="textOut" :style="varStyle">
<div class="marquee-txt" :style="textStyle" ref="text">{{ element['propValue'] }}</div>
</div>
</template>