微信小程序如何页面分享，如何图片长按识别二维码等问题汇总

1.小程序未授权时，页面信息如何隐藏

1.需求场景

小程序在用户未授权的情况下，跳转到敏感信息页面，这时候该页面的内容要隐藏。

2.方案

使用wx:if语句进行判断，具体代码如下：

<template>
  <view class="page-wrapper" wx:if="{{loaded}}">
   ...// 内容
   ...// 内容
  </view>
</template>

2.小程序某页面顶部有图片，需要铺展到手机顶端，如何做

利用自定义导航栏：navigationStyle: 'custom'
效果：

3.监听页面滚动事件

使用onPageScroll。注意，这里的页面必须是贯穿窗口的。页面局部区域的滚动无法监听到。

5.获取小程序app实例方法

• 原生写的话，使用getApp()
• 使用wepy框架的话 ，在Page页面实例中，可以通过this.$parent来访问App实例

6.如何获取跳转后的URL参数呢？

通过onload钩子获取

  onLoad: function (options) {
    console.log(options); 
  }

7.小程序页面如何分享出去？

使用onShareAppMessage 函数来进行分享功能的实现。如下图：

设置后，效果如下：

8.图片长按识别

图片识别有两种方法：1.图片不点击放大，长按识别。2.图片先点击放大，然后长按大图识别。

• 方法一：在image组件上添加 show-menu-by-longpress属性为true即可。
• 方法二：
  使用图片预览api。但首先要在image组件上绑定点击事件，事件处理函数中使用该方法即可。然后，用户长按预览的大图就可以了。

wx.previewImage({
  current: '', // 当前显示图片的 http 链接
  urls: [] // 必填项。 需要预览的图片 http 链接列表
})