相干配置
- 微信js文件版本大于等于1.6.0
https://res.wx.qq.com/open/js/jweixin-1.6.0.js
微信受权配置
window.wx.config({ ...otherConfig, openTagList: ['wx-open-launch-weapp']})
调用示例
const style = { position: 'absolute', top: 0, right: 0, bottom: 0, left: 0,};function OpenWeapp({ originId, pagePath }) { return ( <wx-open-launch-weapp username={originId} path={pagePath} style={style}> <script type="text/wxtag-template"> <div style={style} /> </script> </wx-open-launch-weapp> );}// 应用形式<div style={{ position: 'relative' }}>点击跳转小程序<OpenWeapp originId="gh_xxxxxxxx" pagePath="pages/home/index?user=123&action=abc" /></div>
为什么给div增加position: relative呢?
因为wx-open-launch-weapp设置款式比拟艰难,故放弃设置款式,将wx-open-launch-weapp作为一个通明的占位元素,撑满父元素,也能达到预期的性能