fix: countTo and numberScroll issue

components/CountTo/CountTo.vue

 <template>
-	<view class="count-to" >
+	<view class="count-to" :style="{height: `${height}px`,}">
 		<BasicText :elementInfo="elementInfo"></BasicText>
 		<!-- warning:count-to的font-size单位为rpx -->
 		<u-count-to :start-val="startVal" :end-val="endVal" :color="elementInfo.option.countTo.color" :font-size="elementInfo.option.countTo.fontSize"></u-count-to>	
@@ -15,11 +15,14 @@
 			return {
 				startVal: 0,
 				endVal: 0,
+				height: 0
 			};
 		},
 	
-		computed: {
+		onReady() {
+			this.getComponentHeight()
 		},
+		
 		methods: {
 			initChart() {
 				this.$nextTick(() => {
@@ -27,6 +30,15 @@
 					this.endVal = this.elementData.dataList.endVal
 				})
 			},
+			// 计算组件高度
+			getComponentHeight() {
+				const {windowWidth} = uni.getSystemInfoSync()
+				this.height = this.elementInfo.height
+				if (this.elementInfo.width > windowWidth) {
+					this.height = this.elementInfo.height / this.elementInfo.width * windowWidth
+				}
+			},
+			
 		},
 		
 	}
@@ -39,6 +51,7 @@
   color: #f9bb70;
   font-weight: bold;
   text-align: center;
+  width: 100%;
 }
 
 </style>

components/NumberScroll/NumberScroll.vue

 <template>
-	<view class="chart-num">
+	<view class="chart-num" :style="{height: `${height}px`,}">
 		<BasicText :elementInfo="elementInfo"></BasicText>
 		<ul class="box-item marginTop20">
 			<li v-for="(item, index) in orderNum" :key="index"
@@ -34,17 +34,32 @@
 		data() {
 			return {
 				orderNum: [],
-				endVal: 100,
+				endVal: 100,
+				height: 0 
 			};
-		},
-		computed: {
-		},
+		},
+
+		
+		onReady() {
+			this.getComponentHeight()
+		},
+		
 		methods: {
 			initChart() {
 				this.$nextTick(() => {
+				
 					this.endVal = this.elementData.dataList.endVal
 					this.toOrderNumber(this.endVal)
 				})
+			},
+			
+			// 计算组件高度
+			getComponentHeight() {
+				const {windowWidth} = uni.getSystemInfoSync()
+				this.height = this.elementInfo.height
+				if (this.elementInfo.width > windowWidth) {
+					this.height = this.elementInfo.height / this.elementInfo.width * windowWidth
+				}
 			},
 
 			toOrderNumber(num) {
@@ -52,18 +67,15 @@
 				// numDigit代表前面预留几个空格
 				let len = num.toString().length
 				this.orderNum = this.$u.common.toThousands(num).split('')
-				debugger
 				// len < 8,超过8位，前面不预留空格
 				if (this.elementInfo.option.title.numDigit && len < 8) {
 					len = len + this.elementInfo.option.title.numDigit
-					// 加上这个没有效果，下面的toThousands会把前面补的0去掉
-					// num = this.$u.common.fillDigit(num, len)
+					// 手动往前面填充空格
 					let l = this.elementInfo.option.title.numDigit
 					for(let i = 0 ; i < l; i++) {
 						this.orderNum.unshift('0')
 					}
 				}
-				debugger
 			},
 
 			setTransformByIndex(index) {
@@ -77,11 +89,15 @@
 	}
 </script>
 
-<style scoped lang="less">
+<style scoped lang="less">
+	.chart-num {
+		width: 100%;
+		overflow-x: hidden;
+	}
 	.box-item {
 		font-family: '微软雅黑';
 		text-align: left;
-		white-space: nowrap;
+		white-space: nowrap;
 	}
 
 	.hasDividingLine {