1.previewImage
- 小程序wxml
<image src="{{image}}" bindtap="imgLoad"></image>
- 小程序js文件
imgLoad: function(event) {
let imgList = [
'**',
]
wx.previewImage({
current: '**', // 当前显示图片的http链接
urls: imgList // 需要预览的图片http链接列表
})
}
2.内嵌h5(支持异步)
- 小程序wxml
<web-view src="**?id=0" ></web-view>
- html
<div class="help-poster-other-container">
<div class="activity-wrapper wrapper">
<div class="activity-title">添加我的企业微信,为你提供更周全专业购物咨询服务</div>
<div class="activity-qrcode">
<div class="qrcode-title">长按识别二维码</div>
<image class="qrcode-img" src="**" bindtap="imgLoad"></image>
</div>
</div>
<div class="activity-wrapper wrapper">
<div class="activity-title">活动尚未开始</div>
<div class="activity-title">开始时间</div>
</div>
<div class="activity-wrapper wrapper">
<div class="active-title">活动已结束</div>
<div class="active-title">下次早点参与哦~</div>
</div>
</div>
3.html内嵌script
<script type="text/javascript">
//获取url里携带的参数
function getQueryVariable() {
let divs = document.querySelectorAll('.wrapper');
var query = window.location.search.substring(1);
var vars = query.split("&");
let order = parseInt(vars[0].split('=')[1]);
divs[order].style.display = 'block';
}
getQueryVariable();
setTimeout(() => {
window.location.search = '?id=1',
getQueryVariable();
}, 3000);
</script>