uniapp 开发 微信小程序爬坑笔记

246 阅读1分钟

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"' 
			        }
		},