uni-app 微信小程序movable-area遮盖 遮挡住 点击事件

问题描述:

使用了movable-area拖拽在页面有点击事件的地方会覆盖住点击事件

直接上代码:



	
		去接课
	


data() {
	return {
			x: 320,
			y: 520,
	}
},
		
.movable-area{
  position:fixed;
  top:0;
  left:0;
  width:750rpx;
  height:100%;
 // 让一个元素忽略鼠标操作
  pointer-events: none;
}
.movable-view{
  color:#F00;
  position:relative;
  // 还原浏览器设定的默认行为 
  pointer-events: auto;
  width:auto;
  height:auto;
  display:inline-block;
}

不懂的朋友百度下css的pointer-events属性。

你可能感兴趣的:(uni-app,微信小程序,小程序)