小程序
小游戏
企业微信
微信支付
扫描小程序码分享
wx.config也调用了,可以二次分享,wx-open-launch-app标签在页面dom内,但是并没有展示对应的按钮,不论template里面还是外面,都写了样式,页面就是没有展示(手机版本和微信版本没问题,开发者工具版本确实不够),地址 https://h5.yingtaorelian.com/www/index/index.html(手机模式打开)
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好,建议不要在template里写定位相关的样式,如position:fixed
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
问题1
直接这样写行不行?
<wx-open-launch-app
id="launch-btn"
appid="123"
extinfo="your-extinfo"
>
App内查看
</wx-open-launch-app>
appid 随便写的
问题2
我的js 就是用的原生js 和jq 写在 onload里面的 代码就是和官方的代码
var btn = document.getElementById('launch-btn');
console.log(btn)
btn.addEventListener('launch', function (e) {
console.log('success');
});
btn.addEventListener('error', function (e) {
console.log('fail', e.detail);
但是开发者工具 一直没反应
原因找到了,wx-open-launch-app标签外部需要一个容器包裹,给容器样式就能看到标签的内容,不然标签会会被我们的页面遮挡或者屏幕下方,无法跟我们的实际页面融合,template内部怎么设置z-index,或者tranform都不会影响到自身的层级;
同时内部template的样式里,不能有position属性,不然也不可见;
而且注意内部的单位和外部不统一,做了移动端单位适配的话,用外部的rem和vw作为单位数据,元素会特别特别小,可能看不到,因此内部好像只能写px;
而且发现标签写在react的render内不生效?
<div id='wola' class="mobile-page-download"> <wx-open-launch-app id="launch-btn" appid="appid" extinfo="extinfo"> <template > <style> .btn { width: 200px; height: 45px; line-height: 45px; text-align: center; font-size: 17px; border-radius: 22.5px; color: #fff; } </style> <div class="btn">启动APP</div> </template> </wx-open-launch-app> </div>
最近我也遇到这个问题了,我这边的原因是:公众号里的IP白名单没有配置
配置白名单之后,config:ok,wx.ready事件也有触发,text/wxtag-template里的按钮也正常显示出来了,但是最后点击按钮报错:launch:fail_check fail,有谁知道这问题怎么解决吗?
https://developers.weixin.qq.com/community/develop/doc/000c24ca2a0e189ba7006f39f61800?fromCreate=0
在ios第一次就显示按钮,安卓第一次不显示,要手动刷新才显示按钮,有人知道为什么吗?
我是用uniapp 框架 开发的
上面一种 真机不显示(通过样式 可以显示 但是里面的button 变成字符串了 不是一个按钮)
下面一种显示点击没反应 为什么呢?
请问怎么改呢? 请指导下 谢谢
同问为什么wx-open-launch-app标签内部内容不展示
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好,建议不要在template里写定位相关的样式,如position:fixed
问题1
直接这样写行不行?
<wx-open-launch-app
id="launch-btn"
appid="123"
extinfo="your-extinfo"
>
App内查看
</wx-open-launch-app>
appid 随便写的
问题2
我的js 就是用的原生js 和jq 写在 onload里面的 代码就是和官方的代码
var btn = document.getElementById('launch-btn');
console.log(btn)
btn.addEventListener('launch', function (e) {
console.log('success');
});
btn.addEventListener('error', function (e) {
console.log('fail', e.detail);
});
但是开发者工具 一直没反应
原因找到了,wx-open-launch-app标签外部需要一个容器包裹,给容器样式就能看到标签的内容,不然标签会会被我们的页面遮挡或者屏幕下方,无法跟我们的实际页面融合,template内部怎么设置z-index,或者tranform都不会影响到自身的层级;
同时内部template的样式里,不能有position属性,不然也不可见;
而且注意内部的单位和外部不统一,做了移动端单位适配的话,用外部的rem和vw作为单位数据,元素会特别特别小,可能看不到,因此内部好像只能写px;
而且发现标签写在react的render内不生效?
<div id='wola' class="mobile-page-download"> <wx-open-launch-app id="launch-btn" appid="appid" extinfo="extinfo"> <template > <style> .btn { width: 200px; height: 45px; line-height: 45px; text-align: center; font-size: 17px; border-radius: 22.5px; color: #fff; } </style> <div class="btn">启动APP</div> </template> </wx-open-launch-app> </div>
最近我也遇到这个问题了,我这边的原因是:公众号里的IP白名单没有配置
配置白名单之后,config:ok,wx.ready事件也有触发,text/wxtag-template里的按钮也正常显示出来了,但是最后点击按钮报错:launch:fail_check fail,有谁知道这问题怎么解决吗?
https://developers.weixin.qq.com/community/develop/doc/000c24ca2a0e189ba7006f39f61800?fromCreate=0
在ios第一次就显示按钮,安卓第一次不显示,要手动刷新才显示按钮,有人知道为什么吗?
我是用uniapp 框架 开发的
上面一种 真机不显示(通过样式 可以显示 但是里面的button 变成字符串了 不是一个按钮)
下面一种显示点击没反应 为什么呢?
请问怎么改呢? 请指导下 谢谢
同问为什么wx-open-launch-app标签内部内容不展示