wx-open-launch-app标签的内容不展示？ - WXOPEN Club

wx.config也调用了，可以二次分享，wx-open-launch-app标签在页面dom内，但是并没有展示对应的按钮，不论template里面还是外面，都写了样式，页面就是没有展示（手机版本和微信版本没问题，开发者工具版本确实不够），地址 https://h5.yingtaorelian.com/www/index/index.html(手机模式打开)

2 回复

ahu1 楼6 年前

原因找到了，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>

haochao2 楼6 年前

你好，建议不要在template里写定位相关的样式，如position:fixed