wx.config也调用了,可以二次分享,wx-open-launch-app标签在页面dom内,但是并没有展示对应的按钮,不论template里面还是外面,都写了样式,页面就是没有展示(手机版本和微信版本没问题,开发者工具版本确实不够),地址 https://h5.yingtaorelian.com/www/index/index.html(手机模式打开)
wx.config也调用了,可以二次分享,wx-open-launch-app标签在页面dom内,但是并没有展示对应的按钮,不论template里面还是外面,都写了样式,页面就是没有展示(手机版本和微信版本没问题,开发者工具版本确实不够),地址 https://h5.yingtaorelian.com/www/index/index.html(手机模式打开)
5 个回答
你好,建议不要在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>
在ios第一次就显示按钮,安卓第一次不显示,要手动刷新才显示按钮,有人知道为什么吗?
我是用uniapp 框架 开发的
上面一种 真机不显示(通过样式 可以显示 但是里面的button 变成字符串了 不是一个按钮)
下面一种显示点击没反应 为什么呢?
请问怎么改呢? 请指导下 谢谢
同问为什么wx-open-launch-app标签内部内容不展示