Commit 0eec0c8f authored by 何钱贝's avatar 何钱贝

feat:文本框类型

parent 1552fd13
<template>
<view>
<p
:class="[elementInfo.marquee.isOpen ? 'merquee-txt' : '' ]"
:style="{
'font-size':`${elementInfo.option.title.textStyle.fontSize}px`,
'color': elementInfo.option.title.textStyle.color,
'font-weight': elementInfo.option.title.textStyle.fontWeight,
'text-align': elementInfo.option.title.left,
'animation-duration':`${elementInfo.marquee.speed ? elementInfo.marquee.speed : defaultSpeed}s`
}"
>
{{elementInfo.option.title.text}}
</p>
</view>
</template>
<script>
export default {
import uniEcCanvas from '@/components/uni-ec-canvas/uni-ec-canvas'
import * as echarts from '@/components/uni-ec-canvas/echarts'
import echartElementData from '@/mixins/echartElementData.js'
let chart = null
export default {
name:"BasicText",
mixins: [echartElementData],
data() {
return {
};
},
onReady () {
},
components: {
uniEcCanvas
},
methods: {
}
}
}
</script>
<style>
<style scoped lang="less">
/* 文字滚动 */
.merquee {
word-break: break-all;
white-space: nowrap;
overflow: hidden;
}
.merquee-txt {
display: inline-block;
padding-left: 100%;
animation-name:marqueeTransform;
animation-iteration-count:infinite;
animation-timing-function:linear;
}
@keyframes marqueeTransform {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(-100%, 0);
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment