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>
由于wx-open-launch-weapp设置样式比较困难,故放弃设置样式,将wx-open-launch-weapp作为一个透明的占位元素,撑满父元素,也能达到预期的功能
引言 周五去面试又被面试的一个问题问哑巴了 面试官:StringBuilder和StringBuff...
送大家以下java面试和学习资料,文末有领取方式 最近一直忙于面试,人事推给了我...
缘起 由于项目需要,我们要在web端实现录音功能。一开始,找到的方案有两个,一...
送大家以下java学习资料,文末有领取方式 公司之前有一个 Dubbo 服务,其内部封...
canvas/canvas 是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标...
事件的防抖和节流 防抖和节流函数是我们经常用到的函数,在实际的开发过程中,如...
在之前某一个前端技术群里,有一个群友说他面试的时候遇到了一个问题,就是面试...
原因是这类网页起源于一个叫WAP的无线协议。 WAP能够运行于各种无线网络之上,如...
dreamweaver是一款网页设计软件,可以通过设置按钮和写很少的代码实现想要的页面...
只需15行CSS代码,就可以让你的iPhone崩溃 Wire 的安全研究员 Sabri Haddouche ...