[图片]线上环境按钮显示不出来 [图片]测试环境能显示 [图片]

在安卓手机显示没有问题，只有IOS手机此控件都不显示。 经过强行将父div添加div以后，图片显示出来了，但是红色部分的wx-open-launch-weapp组件内容依然不显示也无法跳转。 [图片][图片] <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>     <style>         .divxiaojingbananer {             width: 100%;             height: 100px;             background-image: url("https://media1.aa.com.cn/static/parent/Content/images/bandubannar.png");             background-repeat: no-repeat;             background-color: #fff;             background-size: 100%         }     </style>     <div class="divxbananer">         <wx-open-launch-weapp id="launch-btn"                               appid="wxf76910845681f498"                               path="pages/loginyab/loginyab?babyNickname=@ViewBag.babyNickname&babyBirthday=@ViewBag.babyBirthday&babySex=@ViewBag.babySex">             <template>                 <style>                     .btn {                         width: 200px;                         height: 100px;                         background-color: red;                     }                 </style>                 <button class="btn">打开小程序</button>             </template>         </wx-open-launch-weapp>     </div> <script type="text/javascript">        wx.config({             debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。             appId: '@(ViewBag.Jssdk[0])', // 必填，公众号的唯一标识             timestamp: '@(ViewBag.Jssdk[1])', // 必填，生成签名的时间戳             nonceStr: '@(ViewBag.Jssdk[2])', // 必填，生成签名的随机串             signature: '@(ViewBag.Jssdk[3])', // 必填，签名，见附录1             jsApiList: [                 'chooseImage',                 'previewImage',                 'showOptionMenu',                 'uploadImage',                 'hideAllNonBaseMenuItem'             ], // 必填，需要使用的JS接口列表，所有JS接口列表见附录2             openTagList: ['wx-open-launch-weapp']         }); </script>

vite开发H5通过wx-open-launch-weapp组件点击跳转小程序，Android手机可以正常打开小程序，但是IOS不能正常显示标签。 代码：<template>   <div class="container">     <div class="nextBtn">       <wx-open-launch-weapp username="gh_xxxx" :path="pathStr">         <component :is="'script'" type="text/wxtag-template">           <div             style="               width: 100%;               height: 80px;               color: #ffffff;               font-size: 18px;               margin-top: 12px;             "           >             下一步           </div>         </component>       </wx-open-launch-weapp>     </div>   </div> </template> <script> import { getWxSign } from "@/api/common"; import wx from "weixin-js-sdk"; export default {   setup() {     let nonceStr = Math.ceil(Date.now() / 1000) + "";     let timestampValue = nonceStr;     let urlValue = location.href.split("#")[0];     getWxSign({       nonce: nonceStr,       timestamp: timestampValue,       url: window.encodeURI(urlValue),     }).then((res) => {       if (res.code == 0) {         wx.config({           debug: false, // 开启调试模式           appId: "wx1xxxxxxxxx", // 必填，公众号的唯一标识           timestamp: timestampValue, // 必填，生成签名的时间戳           nonceStr: nonceStr, // 必填，生成签名的随机串           signature: res.data, // 必填，签名           jsApiList: ["chooseImage"], // 必填，需要使用的JS接口列表，填写一个当前公众号有权限的接口           openTagList: ["wx-open-launch-weapp"], // 可选，需要使用的开放标签列表         });         if (type.value == 1) {           pathStr.value =             "pages/setWifi/setWifi?serverType=1&method=" +             type.value +             "&user_name=" +             username +             "&group=" +             group;         } else {           pathStr.value =             "pages/setWifi/setWifi?serverType=0&method=" +             type.value +             "&user_name=" +             username +             "&group=" +             group;         }       } else {         showConfirmDialog({           title: "获取签名失败",           message: res.reason,         });       }     });     document.title = title.value;     const nextLink = () => {       showConfirmDialog({         title: "",         message: "即将跳转“设备连接”小程序",       })         .then(() => {           // on confirm         })         .catch(() => {           // on cancel         });     };     return {       nextLink,       type,       username,       group,       pathStr,     };   }, }; </script> 请教如何解决，谢谢