在安卓手机显示没有问题,只有IOS手机此控件都不显示。
经过强行将父div添加div以后,图片显示出来了,但是红色部分的wx-open-launch-weapp组件内容依然不显示也无法跳转。
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<style>
.divxiaojingbananer {
width: 100%;
height: 100px;
background-image: url("https://media1.aa.com.cn/static/parent/Content/images/bandubannar.png");
background-repeat: no-repeat;
background-color: #fff;
background-size: 100%
}
</style>
<div class="divxbananer">
<wx-open-launch-weapp id="launch-btn"
appid="wxf76910845681f498"
path="pages/loginyab/loginyab?babyNickname=@ViewBag.babyNickname&babyBirthday=@ViewBag.babyBirthday&babySex=@ViewBag.babySex">
<template>
<style>
.btn {
width: 200px;
height: 100px;
background-color: red;
}
</style>
<button class="btn">打开小程序</button>
</template>
</wx-open-launch-weapp>
</div>
<script type="text/javascript">
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '@(ViewBag.Jssdk[0])', // 必填,公众号的唯一标识
timestamp: '@(ViewBag.Jssdk[1])', // 必填,生成签名的时间戳
nonceStr: '@(ViewBag.Jssdk[2])', // 必填,生成签名的随机串
signature: '@(ViewBag.Jssdk[3])', // 必填,签名,见附录1
jsApiList: [
'chooseImage',
'previewImage',
'showOptionMenu',
'uploadImage',
'hideAllNonBaseMenuItem'
], // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
openTagList: ['wx-open-launch-weapp']
});
</script>
解决了吗?我也遇到了
如果在 iOS 端使用开放标签
wx-open-launch-weapp
,但没有显示也没有反应,可能是以下原因造成的:wx-open-launch-weapp
标签。可以尝试升级微信客户端到最新版本,或者查看微信官方文档中wx-open-launch-weapp
标签的支持版本。wx-open-launch-weapp
标签。可以在微信公众平台中的开发者中心中进行授权操作。wx-open-launch-weapp
标签时,参数设置正确。需要注意的是,在 iOS 端,path
参数需要以/
开头,且需要与小程序的页面路径保持一致。另外,username
参数需要与小程序的原始 ID 保持一致。