1.开发工具 hbuild 运行到微信开发工具上之前,首先把微信开发工具的设置——安全设置——服务端口号——开启。 hbuild 工具——设置——运行配置 配置开发者工具路径 (C:/Program Files (x86)/Tencent/微信web开发者工具)。
hbuild执行运行后文件夹中会生成unpackage文件,查找文件 unpackage——dist——dev——mp-weixin ,mp-weixin可以直接在微信开发者工具上直接启动。
2.uniapp样式设置 uniapp 写css时可以使用sass 方式开发 ,如果style 上有scoped 设置 ,在hbuild内部浏览器上有效,但很多css样式在微信小程序上不生效。
<style lang='scss'></style>
3.uniapp 很多api在hbuild 不支持执行,需要在微信开发者工具上调试运行 例如 api:获取用户信息,复制粘贴等等
3.uniapp实现分享按钮代码
<button class="w100 h100 btn-collection inline-block" open-type="share">
<image src="../../static/images/share.png" mode="" ></image>
</button>
onLoad(option){ //(爬坑) 不设置这里分享不会生效
wx.showShareMenu({
withShareTicket: true
})
},
onShareAppMessage(res) {
console.log(res)
if (res.from === 'button') {// 来自页面内分享按钮
}
return {
title: '分享',
desc: '我正在使用轻社区下单,快跟我一起来体验吧!',
path: '/pages/goodInfo/goodInfo?id="1"'
}
},