feat:文本框类型

components/BasicText/BasicText.vue

 <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 {
-		name:"BasicText",
-		data() {
-			return {
+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>