移动的原理

yvan.ni
1 parent acda5d3b
Showing 2 changed files with 57 additions and 4 deletions
packageA/pages/my_service/appment_main.js
packageA/pages/my_service/appment_main.wxml
@@ -659,6 +659,11 @@ Page({
       is_textea: 1
     })
     th.query_project();
+	
+	th.queryMultipleNodes();
+	
+	
+	
   },
   //获取单个服务项目信息
   query_project: function() {
@@ -816,5 +821,53 @@ Page({
 		    // that.data.writesize = [res.width, res.height];
 		}).exec();
 	},
+	
+	 //开始拖拽  
+	  touchmove: function (e) {
+	    var that = this,th=that;
+	    var position = [e.touches[0].pageX - that.data.writesize[0] / 2, e.touches[0].pageY - that.data.writesize[1] / 2 - this.data.scrolltop];
+	    that.setData({
+	      write: position
+	    });
+		
+	  },
+	  
+	  
+	  touchend:function(e){
+		  var that = this,th=that;
+		  var position =th.data.write;
+		  for(var i=0;i<7;i++){
+		  		for(var j=0; j<2;j++){	  		
+						//如果坐标在网格内
+						if( position[0]>th.data.f_x+i*th.data.f_width && position[0]<th.data.f_x+ (i+1)*th.data.f_width && 					
+					    	position[1]>th.data.f_y +j*th.data.f_hei  && position[1]<th.data.f_y+(j+1)*th.data.f_hei   ){
+								wx.showToast({
+									title:"222"+i+j
+								})	
+								break;
+						}
+		  		
+		  		}
+		}
+		  
+	  },
+	  
+	  
+	  //声明节点查询的方法
+	  queryMultipleNodes: function() {
+		  var th=this;
+	      const query = wx.createSelectorQuery()                // 创建节点查询器 query
+	      query.select('.content_view').boundingClientRect()    // 这段代码的意思是选择Id=productServe的节点，获取节点位置信息的查询请求
+	      query.selectViewport().scrollOffset()                 // 这段代码的意思是获取页面滑动位置的查询请求
+	      query.exec(res => {
+	          console.log(res);
+			  th.data.f_x=res[0].left; 
+			  th.data.f_y=res[0].top; 
+			  th.data.f_hei=res[0].height;
+			  th.data.f_width=res[0].width;
+			  
+	      })
+	 }
+	 
  
 })
 \ No newline at end of file
@@ -29,8 +29,8 @@
 				<view class="flex t-c" bindtap="rect">
 					<view bindtap="rect">
 						<view class="td blue">张三</view>
-						<view class="td" bindtap="print">100</view>
-						<view class="td">200</view>
+						<view class="td content_view {{v[0][0]?"":''}}  "   bindtap="print">{{v[0][0]}}</view>
+						<view class="td">{{v[0][1]}}</view>
 					</view>
 					<view>
 						<view class="td blue">张三</view>
@@ -63,7 +63,7 @@
 						<view class="td">200</view>
 					</view>
 					<view>
-						<view class="td blue">1张三</view>
+						<view class="td blue">张三</view>
 						<view class="td">300</view>
 						<view class="td">300</view>
 					</view>
@@ -215,4 +215,4 @@
 <!--  制作一个圆球导航  -->
 <!-- <nav_b id="nav_b"></nav_b> -->
  
-<view bindtouchmove="touchmove" catch:touchmove style="position:absolute;left:{{write[0]}}px;top:{{write[1]}}px;">我可以移动</view>
 \ No newline at end of file
+<view bindtouchmove="touchmove" bindtouchend="touchend" catch:touchmove style="position:absolute;left:{{write[0]}}px;top:{{write[1]}}px;">我可以移动</view>
 \ No newline at end of file