unipp

在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”
在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值