H5跳转小程序点击按钮各种样式注入无法撑开问题

 <div class="launch_btn_2">
            <wx-open-launch-weapp
              username="gh_xxxxxx"
              :path="path"
            >
              <script type="text/wxtag-template">
                <style>.btn {width: 180px; height: 80px;}</style>
                <div class="btn">车险报案车险报案车险报案车险报案车险报案</div>
              </script>
            </wx-open-launch-weapp>
          </div>

  .launch_btn_2 {
    z-index: 10;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 30%;
    left: 0;
    opacity: 0;
    width: 172px;
    height: 90px;
  }

vue 按官方文档，百度各种 https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/jump-miniprogram.html
都无法实现。而且这个按钮也只能在生产环境上验证，真的很吐血。

最后使用一个最原始的办法来实现.啊哈哈，看html 。在里面写多文字，通过文字来撑开按钮，实现覆盖。