h5使用开放标签wx-open-launch-weapp ios端不显示也没反应？

在安卓手机显示没有问题，只有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>