提交更新代码

pages/index/index.vue

@@ -371,7 +371,7 @@
                   id="pangbaiBox"
 								>
 								<view id="scrollView">
-									<view class="npc" :style="{fontSize: fontSize + 'rpx'}">
+									<view class="npc" :style="{fontSize: fontSize + 'rpx'}" id="pangbaiCntainer">
 										{{yyds_pangbai}}
 									</view>
 									<!-- 最后一个元素，用于滚动定位 -->
@@ -379,7 +379,7 @@
 								</view>
 							</scroll-view>
               <image
-                  @click="nextTips"
+                  @click="debouncedNextTips"
                   src="../../static/UI/继续.png"
                   class="tre"
                   mode="scaleToFill"
@@ -511,6 +511,7 @@ export default {
 			total_val:[],
       fontSize:0,
       boxHeight:210,
+      debouncedNextTips:null,
 			quotedData:[]
 		}
 	},
@@ -575,6 +576,7 @@ export default {
 		//获取历史聊天记录  根据历史记录处理决定 websocket 的连接
 		this.getHistory()
     this.calcFontSize(26)
+    this.created()
 
 		//讲完话以后 向服务器发送数据
 		recorderManager.onStop( res=> {
@@ -688,11 +690,36 @@ export default {
 			clearInterval(this.Strem)
 			this.EPlayer.stop()
 			if(!this.kill){
+        console.log('NextStr',this.str)
 				this.yyds_pangbai += this.str
 			}
 			this.jumping = false
 			this.EPlayer.onended()
 		},
+    updateDialogueDisplay(dialogue) {
+      uni.createSelectorQuery().in(this).select('#pangbaiContainer').boundingClientRect((res)=>{
+        if(res) {
+          res.innerHTML += dialogue;
+        }
+      }).exec()
+    },
+    debounce(fn, interval) {
+      console.log('Test A');
+      var timer;
+      var gapTime = interval;//间隔时间，如果interval不传，则默认1000ms
+      return function() {
+        clearTimeout(timer);
+        var context = this;
+        var args = arguments;//保存此处的arguments，因为setTimeout是全局的，arguments不是防抖函数需要的。
+        timer = setTimeout(function() {
+          fn.call(context,args);
+        }, gapTime);
+      };
+    },
+    created() {
+      // Bind the debounced version of nextTips
+      this.debouncedNextTips = this.debounce(this.nextTips, 300);
+    },
 		handleCloseDialog(){
 			this.show = false
 		},
@@ -1746,7 +1773,7 @@ export default {
 		execFile(data,ISLIU_content){
 			// let arrObj = data;
 			// const content = arrObj[0].text;
-			// //quoted为真 或为假 表示 真假音线
+			// quoted为真 或为假 表示 真假音线
 			// const voicer = arrObj[0].quoted ? 
 			// this.currentPageData.voiceGroups[1] : 
 			// this.currentPageData.voiceGroups[0]
@@ -3097,7 +3124,7 @@ export default {
 		bottom:0;
 		left:50%;
 		transform:translateX(-50%);
-		padding-bottom: 30rpx;
+		padding-bottom: 40rpx;
 	}
 	.pangbai_title{
 		height: 76rpx;

unpackage/dist/dev/mp-weixin/pages/index/index.js

@@ -710,6 +710,7 @@ var _default = {
       total_val: [],
       fontSize: 0,
       boxHeight: 210,
+      debouncedNextTips: null,
       quotedData: []
     };
   },
@@ -773,6 +774,7 @@ var _default = {
     //获取历史聊天记录  根据历史记录处理决定 websocket 的连接
     this.getHistory();
     this.calcFontSize(26);
+    this.created();
 
     //讲完话以后 向服务器发送数据
     recorderManager.onStop(function (res) {
@@ -891,11 +893,36 @@ var _default = {
       clearInterval(this.Strem);
       this.EPlayer.stop();
       if (!this.kill) {
+        console.log('NextStr', this.str);
         this.yyds_pangbai += this.str;
       }
       this.jumping = false;
       this.EPlayer.onended();
     },
+    updateDialogueDisplay: function updateDialogueDisplay(dialogue) {
+      uni.createSelectorQuery().in(this).select('#pangbaiContainer').boundingClientRect(function (res) {
+        if (res) {
+          res.innerHTML += dialogue;
+        }
+      }).exec();
+    },
+    debounce: function debounce(fn, interval) {
+      console.log('Test A');
+      var timer;
+      var gapTime = interval; //间隔时间，如果interval不传，则默认1000ms
+      return function () {
+        clearTimeout(timer);
+        var context = this;
+        var args = arguments; //保存此处的arguments，因为setTimeout是全局的，arguments不是防抖函数需要的。
+        timer = setTimeout(function () {
+          fn.call(context, args);
+        }, gapTime);
+      };
+    },
+    created: function created() {
+      // Bind the debounced version of nextTips
+      this.debouncedNextTips = this.debounce(this.nextTips, 300);
+    },
     handleCloseDialog: function handleCloseDialog() {
       this.show = false;
     },
@@ -1957,7 +1984,7 @@ var _default = {
       var _this14 = this;
       // let arrObj = data;
       // const content = arrObj[0].text;
-      // //quoted为真 或为假 表示 真假音线
+      // quoted为真 或为假 表示 真假音线
       // const voicer = arrObj[0].quoted ? 
       // this.currentPageData.voiceGroups[1] : 
       // this.currentPageData.voiceGroups[0]

unpackage/dist/dev/mp-weixin/pages/index/index.wxss

@@ -954,7 +954,7 @@ to {
 	left:50%;
 	-webkit-transform:translateX(-50%);
 	        transform:translateX(-50%);
-	padding-bottom: 30rpx;
+	padding-bottom: 40rpx;
 }
 .pangbai_title.data-v-57280228{
 	height: 76rpx;