html这么写 <image src="../../images/product/banner/item_02.jpg" mode="widthFix" class="img100" id="m2" bindtap="redian" data-datas="{{[{x:105,y:24,w:380,h:495,url:'/pages/productList/index?type=6'},{x:521,y:24,w:265,h:246,url:'/pages/productList/index?type=7'},{x:829,y:24,w:380,h:495,url:'/pages/productList/index?type=8'},{x:521,y:366,w:574,h:214,url:'/pages/productList/index?type=9'}]}}"/> 事件这么写 redian(data) { wx.createSelectorQuery().select('#' + data.target.id).boundingClientRect(function (rect) { var bl = (1200 / rect.width); var x = data.detail.x - data.currentTarget.offsetLeft; var y = data.detail.y - data.currentTarget.offsetTop; for(var i=0;i<data.currentTarget.dataset.datas.length;i++){ if(x * bl >= data.currentTarget.dataset.datas[i].x && x * bl <= data.currentTarget.dataset.datas[i].x + data.currentTarget.dataset.datas[i].w && y * bl >= data.currentTarget.dataset.datas[i].y && y * bl <= data.currentTarget.dataset.datas[i].y + data.currentTarget.dataset.datas[i].h){ console.log( data.currentTarget.dataset.datas[i].url); wx.navigateTo({ url: data.currentTarget.dataset.datas[i].url }) break; } } }).exec() }, 越是数组前的最先执行
关于小程序前端图做热区方法有什么好的组件推荐吗?目前小程序专题页也想直接单图片做热区 区域跳转链接,请问有适合的组件推荐吗?或者是官方有这样的样式可以提供使用的? [图片]类似:
2021-07-10transform:translate3d
cover-view实现悬浮球真机调试,拖动悬浮球时悬浮球一直抖动.float-ball { position: fixed; width: 50px; height: 50px; bottom: 0px; right: 0px; } <cover-view class="float-ball" style="bottom: {{ballBottom}}px; right: {{ballRight}}px;" bindtap="ballClickEvent"catchtouchmove="catchBallMove"> <cover-image src="/images/icon" style="width: 100%; height: 100%;" mode="aspectFill" /> </cover-view> catchBallMove: function (e) { let touchs = e.touches[0]; let pageX = touchs.pageX; let pageY = touchs.pageY; let offSetY = _this.data.offSetY; let x = this.data.screenWidth - pageX - 25; let y = this.data.screenHeight - (pageY - offSetY) + 25; if(x < 0) { x = 0; } if(x > _this.data.screenWidth - 50) { x = _this.data.screenWidth - 50; } if(y < 45) { y = 45; } if(y > _this.data.screenHeight) { y = _this.data.screenHeight; } this.setData({ ballBottom: y, ballRight: x, }); },
2018-09-03你可以后台代理,页面比如https://你们的域名?url=页面地址 后台的内容就是get出来这个页面
关于web-viewweb-view的src地址是不是可以是其它https的网站?比如mp.weixin.qq.com 微信公众平台的地址。如果可以,为什么小程序后端总是效验失败? https://ams.renmopr.com/uRBbHOEyNh.txt 效验文件已在后端配置。非个人或海外的小程序 如果不能,必须是同一主域名的子地址。那这个web-view的局限性真是很大了。
2018-07-09