个人中心 | 微信开放社区

wx-open-launch-weapp跳转按钮没有显示

微信公从号H5跳转小程序，wx.config已弹出“config:ok”，但是页面上wx-open-launch-weapp标签大小为0x0，“打开小程序”这个按钮没有显示出来，请问是什么原因？代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" /> <title>weapp</title> <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <style type="text/css"> div { width: 100%; height: 80px; border: 1px solid; background: greenyellow; } </style> </head> <body> <div> <wx-open-launch-weapp id="launch-btn" username="gh_XXXXXXXXXXXX"> <template> <style>.btn { padding: 12px }</style> <button class="btn">打开小程序</button> </template> </wx-open-launch-weapp> </div> <script> window.onload = onready; function onready () { var btn = document.getElementById('launch-btn'); btn.addEventListener('launch', function (e) { console.log('success'); }); btn.addEventListener('error', function (e) { console.log('fail', e.detail); }); var wxBrower = false; var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i)=='micromessenger') { wxBrower = true; } alert(ua); if (wxBrower) { wx.config({ debug: true, appId: 'wxXXXXXXXXXXXXXXX', nonceStr: '123456', timestamp: 1604560136120, signature: '0dcbc0a225a4a487b2ea51f4c04e8d4d814183d2', jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage", "checkJsApi", "scanQRCode"], openTagList: ['wx-open-launch-weap'] }); wx.ready(function () { alert("wx ready"); }); wx.error( function () { alert("wx error: "+ err); }); } } </script> </body> </html>

GitHub账号

选择需要上架的开放服务

案例类型