微信H5 跳转小程序 （html版本）

微信H5 跳转小程序 （html版本）

本人非前端，所以H5页面是使用原生的html+layui来写的，记录了一下微信H5跳小程序踩的坑以及官方文档里面没有明确容易误导的地方。
附官方文档地址： 微信官方H5跳转小程序

1.页面不显示跳转按钮

• 如果是html写的页面需要注意官方的用例里面使用的是 script 标签，将这个标签改为 template 标签（基本不显示标签都是这个原因造成的）

官方示例

<wx-open-launch-weapp
  id="launch-btn"
  username="gh_xxxxxxxx"
  path="pages/home/index?user=123&action=abc"
>
  <script type="text/wxtag-template">
    <style>.btn {
     padding: 12px }</style>
    <button class="btn">打开小程序</button>
  </script>
</wx-open-launch-weapp>

本人的项目

<wx-open-launch-weapp id="launch-btn