香薰机和空调控制条移动时，显示当前值，触摸松开时当前值消失效果

pages/data/data.wxml

@@ -78,10 +78,7 @@
   		<text class="data-text_c00">月报  </text>
   		<image class="data-image_c00" src="/static/images/report/tuisong_new.png" mode="aspectFit"></image>
   		<text class="data-text_c00" bindtap="telScreeProjection">推送电视  </text>
-  		<!-- <text class="data-text_c001">就寝目标23:00</text> -->
-		<!-- <picker mode="selector" range-key="friendly_name1" range="{{tvEntityIds}}" value="{{tvEntityIdsIndex}}" bindchange="tvEntityIdsChange">
-			<text class="data-text_c00">推送电视  </text>  
-		</picker> -->
+
       </view>  
       <view class="data-item_c00 right_c00">   
         <picker mode="selector" range-key="pos" range="{{sns}}" value="{{selectedIndex}}" bindchange="onPickerChange">

pages/index/index.js

@@ -594,8 +594,35 @@ Page({
 	isClickedToggleAromlight: false,//香薰机灯光
 	intervalId1: null,  
 	intervalId2: null,
-	
+	sliderValueHumidifier: '',
+	sliderValueClimate: '',
+  },
+  handleTouchEndHumidifier: function(e) {
+	  this.setData({
+	  	sliderValueHumidifier: '', 
+	  }); 
   },
+  handleChangingHumidifier: function(e) {  
+      // 假设 slider 宽度为屏幕宽度（或某个固定值），这里需要根据实际情况调整  
+      const screenWidth = wx.getSystemInfoSync().windowWidth;  
+      const sliderValueHumidifier = e.detail.value;  
+      this.setData({
+		sliderValueHumidifier: sliderValueHumidifier, 
+      });  
+    }, 
+	handleTouchEndClimate: function(e) {
+		  this.setData({
+		  	sliderValueClimate: '', 
+		  }); 
+	},
+	handleChangingClimate: function(e) {  
+	    // 假设 slider 宽度为屏幕宽度（或某个固定值），这里需要根据实际情况调整  
+	    const screenWidth = wx.getSystemInfoSync().windowWidth;  
+	    const sliderValueClimate = e.detail.value;  
+	    this.setData({
+			sliderValueClimate: sliderValueClimate, 
+	    });  
+	  }, 
    replaceAll: function(str, find, replace) {  
     return str.replace(new RegExp(find, 'g'), replace);  
   },

pages/index/index.wxml

@@ -189,7 +189,8 @@
 		  			  <view class="data-card__value1">
 		  			  <!-- <button class="{{isButtonPressedHumidityUp ? 'round-gradient-button-pressed' : 'round-gradient-button'}} {{isClickedOnHumidifierUp ? 'clicked' : ''}}" bindtap="onHumidifierUp" style="width: 120rpx;height: 70rpx;" data-state='{{item.state}}' data-id="{{item.entity_id}}" data-domain='{{item.domain}}' data-min='{{item.min}}' data-max='{{item.max}}' data-humidity='{{item.humidity}}'>增加+</button>
 		  			  -->
-					  <slider class="tui-slider-box" bindchange="changeHumidity" step="1" min="{{item.min}}" max="{{item.max}}" data-id="{{item.entity_id}}" data-index='{{index}}' data-domain='{{item.domain}}' value="{{item.humidity}}" min="{{item.min}}" max="{{item.max}}"  data-humidity='{{item.humidity}}'>
+					  <slider class="tui-slider-box" bindtouchend="handleTouchEndHumidifier" bindchanging="handleChangingHumidifier" bindchange="changeHumidity" step="1" min="{{item.min}}" max="{{item.max}}" data-id="{{item.entity_id}}" data-index='{{index}}' data-domain='{{item.domain}}' value="{{item.humidity}}" min="{{item.min}}" max="{{item.max}}"  data-humidity='{{item.humidity}}'>
+						<text style="color:white">{{sliderValueHumidifier}}</text>
 					  </slider>	
 					  </view>
 		  			</view>
@@ -222,9 +223,9 @@
 	  	  <!-- <button class="{{isButtonPressedClimateUp ? 'round-gradient-button-pressed' : 'round-gradient-button'}} {{isClickedOnClimateAuto ? 'clicked' : ''}}" bindtap="onClimateUp" data-state='{{item.state}}' data-id="{{item.entity_id}}" data-domain='{{item.domain}}' data-min='{{item.min}}' data-max='{{item.max}}' data-temperature='{{item.temperature}}' data-fanMode='{{item.fan_mode}}'>增加+</button>
 	  	  <button class="{{isButtonPressedClimateDown ? 'round-gradient-button-pressed' : 'round-gradient-button'}}" bindtap="onClimateDown" data-state='{{item.state}}' data-id="{{item.entity_id}}" data-domain='{{item.domain}}' data-min='{{item.min}}' data-max='{{item.max}}' data-temperature='{{item.temperature}}' data-fanMode='{{item.fan_mode}}'>减少-</button> -->
 		  
-		  <slider class="tui-slider-box" bindchange="changeClimate" min="{{item.min_temp}}" max="{{item.max_temp}}" step="1" value="{{item.temperature}}" data-state='{{item.state}}' data-id="{{item.entity_id}}" data-domain='{{item.domain}}' data-min='{{item.min_temp}}' data-max='{{item.max_temp}}' data-temperature='{{item.temperature}}' data-fanMode='{{item.fan_mode}}'>
-		    <text style="color:white">{{item.temperature}}°C</text>
-		  </slider>	
+		  <slider class="tui-slider-box" bindtouchend="handleTouchEndClimate" bindchanging="handleChangingClimate" bindchange="changeClimate" min="{{item.min_temp}}" max="{{item.max_temp}}" step="1" value="{{item.temperature}}" data-state='{{item.state}}' data-id="{{item.entity_id}}" data-domain='{{item.domain}}' data-min='{{item.min_temp}}' data-max='{{item.max_temp}}' data-temperature='{{item.temperature}}' data-fanMode='{{item.fan_mode}}'>
+			<text style="color:white">{{sliderValueClimate}}</text>
+		  </slider>
 		  
 	      </view> 
 	  <view class="air-conditioner-controls">