小程序
小游戏
企业微信
微信支付
扫描小程序码分享
目前小程序专题页也想直接单图片做热区 区域跳转链接，请问有适合的组件推荐吗？或者是官方有这样的样式可以提供使用的？
类似：
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
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()
},
越是数组前的最先执行
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
这个很难实现吗？
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
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()
},
越是数组前的最先执行
这个很难实现吗？