h5跳转小程序

x_neee

已于 2023-10-08 14:20:14 修改

阅读量38

点赞数

文章标签：小程序 css javascript

于 2021-07-30 16:06:15 首次发布

本文链接：https://blog.csdn.net/x_neee/article/details/119250058

版权

一键进入小程序生活服务用户体验微信开放平台

关键词由CSDN通过智能技术生成

<body>


    <div id="app" v-cloak>
        <div class="lbb">
            <div class="a">
                <title-bar color="white" backnone="none" text="蓝宝宝·助力美好生活"></title-bar>
            </div>

            <div style="
            margin-left:5%;
                font-size:6.4444444vw;
                position: fixed;
                bottom: 7rem;
                width: 100%;
                font-family: PingFang SC;
                font-style: normal;
                font-weight: bold;
                color: #40a9ff;
                width: 90%;;
                display: flex;
                justify-content: center;
                align-items: center;
                padding:3% 0;
                background: #ffffff;
                border-radius: 9.333333333333333vw;
                
            ">
                一键进入
            </div>
            <div class="b-box" style=" position: fixed;
                bottom: 0;
                width: 100%;
                padding-bottom: 7rem">
                <wx-open-launch-weapp id="launch-btn" username="gh_99e8b02a9ecf" path="pages/index/index.html"
                    @launch="handleLaunch" @error="handleError" style="  
                    opacity:0;
                    font-family: PingFang SC;
                    font-style: normal;
                    font-weight: bold;
                    font-size: 1200.266666666666667rem;
                    color: #40a9ff;
                    width: 38%;;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    padding: 5% 10% 5% 30%;
                    background: #ffffff;
                    border-radius: 9.333333333333333vw;
                    margin-left: 10%;
                    z-index:1
                    ">
                    <template>
                        <script type="text/wxtag-template">
                            <span style="font-size:20vw">一键进入</span>
                        </script>
                    </template>
                </wx-open-launch-weapp>


            </div>

        </div>
    </div>
    <script src='/jweixin.js'></script>