uniapp小结

本文已参与「新人创作礼」活动，一起开启掘金创作之路。
在H5上正常运行，在app打包测试或者真机测试会出现白屏问题，这个时候需要配置基础路径

uniapp图片显示需注意问题 text标签为文本标签，如果在text标签内写图片，会出现图片无法正常展示

uniapp设置多端兼容

// #ifdef H5 //在H5端才会执行的代码
// 代码
// #endif

// #ifndef H5 //在H5端不执行的代码
// 代码
// #endif

// #ifndef (APP-PLUS||H5) //在H5端以及app端才执行的代码
// 代码
// #endif

调用微信授权 （该任务必须是要用户点击手动授权，不可自己执行）

 uni.getUserProfile({
					desc: '获取用户信息',
					success: function(resp) {
						let nickName = resp.userInfo.nickName;
						let avatarUrl = resp.userInfo.avatarUrl;
						// console.log(nickName);
						// console.log(avatarUrl);
						 let data = {
							nickname: nickName,
							photo: avatarUrl,
						};
					}
				})

调用微信分享（该任务必须是要用户点击手动授权，不可自己执行，且必须需要按钮来调用，按钮必须有 open-type="share"属性）

uni.share({
				     provider: 'weixin',
				     scene: "WXSceneSession",
				     type: 0,
				     title: '欢迎体验答题社',
				     success: ret => {
				         console.log(JSON.stringify(ret));
				     },
					 fail:err=>{
						 console.log(err,'fail');
					 }
				 });

动态计算rem是通过获取屏幕元素来计算的rem但是小程序不生效，因为小程序不存在dom。

uniapp实现微信小程序客服功能 设置 open-type="contact"（必须需要改属性该跳转客服）

<button class="shareBtn" open-type="contact" ><img src="/static/iconfont/kf.svg" alt="" />客服</button>

然后登录微信开发者平台>功能>客服,添加客服就可以了

小程序设置测试人员 1.在微信开发平台小程序>管理>人员管理下设置体验人员 2.微信开发平台上传 上传好之后在微信开发平台>管理>版本管理 设置为体验版，然后分享体验者二维码就好了

上传包出现启动组件按需引入 只需要在项目中的manifest.json>源码试图>mp-weixin中添加"lazyCodeLoading" : "requiredComponents"