uniapp项目小程序相关问题-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp项目小程序相关问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1. 保存图片到相册

微信公众平台-设置-服务内容声明-用户隐私保护指引

uniapp项目小程序相关问题,uni-app,小程序

填写相册写入权限：

uniapp项目小程序相关问题,uni-app,小程序

uni.authorize获取保存图片权限
获取权限成功后，使用uni.saveImageToPhotosAlbum保存图片到相册

2. h5跳转到小程序

官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html

微信公众平台-设置-隐私与安全

uniapp项目小程序相关问题,uni-app,小程序

配置可跳转路径(必须为正式版路径)：格式如：pages/index/index

uniapp项目小程序相关问题,uni-app,小程序

跳转小程序

代码格式：

location.href=`weixin://dl/business/?appid=${APPID}&path=${路径}&query=${参数}&env_version=${版本}`

【必填】APPID：通过明文 URL Scheme 打开小程序的 appid ；
【必填】PATH：通过明文 URL Scheme 打开小程序的页面 path ，必须是已经发布的小程序存在的页面，不可携带 query；
【选填】QUERY：通过明文 URL Scheme 打开小程序的 query ，最大512个字符，只支持数字，大小写英文以及部分特殊字符：!#$&'()*+,/:;=?@-._~%`，需要url_encode（js使用encodeURIComponent(字符串) 方法）；
【选填】ENV_VERSION：要打开的小程序版本,正式版为release，体验版为trial，开发版为develop，仅在微信外打开时生效。注意：若不填写，则默认打开正式版小程序。

示例如下：

 // 加密参数
    var resultStr =encodeURIComponent('resultStr='+[34,3,3,0].join('_')) // resultStr%3D34_3_3_0
     // 跳转
     location.href =`weixin://dl/business/?appid=wxf30f4cd9ec91db&path=pages/message/cResumeDetails&query=${resultStr}&env_version=trial`
    // 解密参数:用于在页面接受数据时使用
    var optionArr = decodeURIComponent(resultStr); // resultStr=34_3_3_0

3. 小程序右上角胶囊隐藏

uniapp项目小程序相关问题,uni-app,小程序

点击复制下方代码

"navigationBarRightButton": {
			"hide": true
}

原图：

uniapp项目小程序相关问题,uni-app,小程序

修改后：

uniapp项目小程序相关问题,uni-app,小程序

4. 组件swiper禁止滑动

方法1：(推荐)

给swiper-item绑定@touchmove.stop

<swiper-item  @touchmove.stop >

方法2：

给swiper-item绑定事件

<swiper-item  catchtouchmove="stopTouchMove">

stopTouchMove方法返回false

stopTouchMove() {
  return false;
}

方法2缺点:小程序有滑动警告,h5无效

5. 判断是否为微信浏览器

// 是否是微信浏览器
isWeiXinLogin() {
  if (navigator) {
    var userAgent = navigator.userAgent.toLowerCase();
    return userAgent.match(/MicroMessenger/i) == 'micromessenger'
  } else {
    return false
  }
},