微信网页开发问题

最新推荐文章于 2025-05-26 15:25:32 发布

wzp6010625

最新推荐文章于 2025-05-26 15:25:32 发布

阅读量2.6k

点赞数

文章标签：微信

本文链接：https://blog.youkuaiyun.com/wzp6010625/article/details/120012385

版权

本文介绍了在微信小程序中使用wx-open-launch-app等开放标签的注意事项，包括需在wx.config后出现、标签的CSS控制及透明定位覆盖。同时强调了开发中需关联公众号与APP，并且只能在真机上调试，因为开发工具无法显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开放标签

wx-open-launch-app、wx-open-launch-wwapp等开放标签，个人习惯加v-if控制，保证在wx.config之后出现

开放标签的css不好控制，一般设置透明，用绝对定位盖在目标元素上

标签内要有内容，给一个带宽高的div，还要设置background或者border，不然点击无反应

<wx-open-launch-app v-if="wxReady" class="wx-app-btn">
    <script type="text/wxtag-template">
        <style>
            .btn {
                width: 100px;
                height: 50px;
                background: #FFF;
            }
        </style>
        <div class="btn"></div>
    </script>
</wx-open-launch-app>

.wx-app-btn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}