小程序 自定义扫码页面

要自定义扫码页面，你需要先使用微信小程序提供的 wx.scanCode 接口进行二维码扫描功能的实现。然后，你可以在扫码成功后，跳转到自定义的页面进行显示。

以下是实现自定义扫码页面的基本步骤：

1. 在 app.json 文件中配置自定义页面的路径。

{
  "pages": [
    "pages/scan/scan",
    "pages/custom/custom"
  ]
}

2. 创建自定义扫码页面的代码文件。

在 pages 目录下创建一个名为 custom 的目录，并在该目录下创建一个名为 custom.wxml 的文件，用于编写自定义页面的布局结构。然后在 custom 目录下创建一个名为 custom.js 的文件，用于编写自定义页面的逻辑代码。

3. 在扫码成功后，跳转到自定义页面。

在扫码成功后，可以使用 wx.navigateTo 方法跳转到自定义页面。在跳转时，可以通过 URL 参数传递扫码结果或其他需要的信息。

wx.scanCode({
  success: (res) => {
    wx.navigateTo({
      url: '/pages/custom/custom?qrcode=' + res.result
    })
  }
})

4. 在自定义页面中获取 URL 参数。

在自定义页面中，可以通过 onLoad 生命周期获取传递的 URL 参数。在 onLoad 中使用 options 参数获取 URL 参数。

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

5. 在自定义页面中显示扫码结果。

在自定义页面中，可以使用传递的 URL 参数或其他方式获取扫码结果，并在页面中显示。可以使用 setData 方法更新页面数据。

onLoad: function (options) {
  this.setData({
    qrcode: options.qrcode
  })
}

在 custom.wxml 中使用 {{}} 语法绑定数据，显示扫码结果。

<view>{{qrcode}}</view>

这样就可以实现自定义扫码页面的功能了。需要注意的是，在自定义页面中，还可以添加其他功能和样式，使页面更加丰富和美观。