请选择 进入手机版 | 继续访问电脑版

硬汉工作室

搜索
热搜: 活动 交友 discuz
查看: 1218|回复: 0

H5页面和小程序封装的H5来回跳转代码

[复制链接]

671

主题

694

帖子

5973

积分

管理员

硬汉工作室创始人

Rank: 9Rank: 9Rank: 9

积分
5973

宣传达人推广达人

QQ
发表于 2021-2-22 16:45:57 | 显示全部楼层 |阅读模式
            <div id = "nciaer" style = "text-align: center;">
                    <wx-open-launch-weapp id="launch-btn" username="gh_xxxxx" path="/pages/fuck/index">
                                <template><button style = "border-radius: 5px;padding: 8px 15px; background: #000;color: #FFF;border: none;margin: 10px 0;">点我</button></template>
                        </wx-open-launch-weapp>                   
            </div>
           
            <script>
            if(window.__wxjs_environment === 'miniprogram') {
                    $('#nciaer').html("<button style = \"border-radius: 5px;padding: 8px 15px; background: #000;color: #FFF;border: none;margin: 10px 0;\" onclick = \"wx.miniProgram.navigateTo({url: '/pages/fuck/index'})\">点我</button>");
            }
           
            </script>

效果就是在H5页面里,点击按钮可以打开小程序,这个小程序就是h5封装的,而且在小程序里点击按钮,还能跳转到小程序。

有关PHP系统、Discuz或网站等各种问题,可以联系QQ1069971363寻求付费支持
Discuz插件商店:http://addon.dismall.com/?@56030.developer
回复

使用道具 举报

QQ|Archiver|手机版|小黑屋|硬汉工作室 ( 冀ICP备13021567号-9 )

GMT+8, 2024-3-29 22:07 , Processed in 0.100246 second(s), 33 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表