fix: small change

This commit is contained in:
nowhy-char 2022-11-18 10:55:47 +08:00
parent 7f01544ef9
commit cc80bb0c09

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="sizeScroll go-text-box"> <div class="sizeScroll go-text-box">
<div class="content"> <div class="content">
<div ref="textAutoBox" id="inner" :class="{ innerActive: true }"> <div ref="textAutoBox" id="inner" class="innerActive">
<div id="textAutoBox" v-html="option.dataset"></div> <div id="textAutoBox" v-html="option.dataset"></div>
</div> </div>
</div> </div>
@ -54,7 +54,6 @@ onMounted(() => {
if (!showDown) { if (!showDown) {
nextTick(() => {textAutoBox.value.style.animationDuration = '0s'}) nextTick(() => {textAutoBox.value.style.animationDuration = '0s'})
relanimation.value = 0 relanimation.value = 0
console.log('停止',textAutoBox.value.style);
} }
}) })
@ -63,16 +62,6 @@ watch(
() => props.chartConfig.option.dataset, () => props.chartConfig.option.dataset,
(newData: any) => { (newData: any) => {
option.dataset = newData option.dataset = newData
},
{
immediate: true
}
)
watch(
() => option.dataset,
() => {
if (textAutoBox.value !== undefined) { if (textAutoBox.value !== undefined) {
showDown = false showDown = false
nextTick(() => { nextTick(() => {
@ -98,6 +87,16 @@ watch(
} }
) )
watch(
() => animation,
(newData: any) => {
relanimation = newData
},
{
immediate: true
}
)
// //
useChartDataFetch(props.chartConfig, useChartEditStore, (newData: string) => { useChartDataFetch(props.chartConfig, useChartEditStore, (newData: string) => {
option.dataset = newData option.dataset = newData
@ -137,11 +136,11 @@ useChartDataFetch(props.chartConfig, useChartEditStore, (newData: string) => {
} }
} }
@keyframes slide { @keyframes slide {
0% { from {
transform: translateY(0); transform: translateY(0);
} }
100% { to {
transform: translateY(-60%); transform: translateY(-100%);
} }
} }
} }