uni-app javascript uniapp小程序自定义扫码页面创建及其完善

先上效果图：

同页面插入一个camera组件

其中应用到图片选择、cover-image、cover-view实现动画扫码功能。

不多说马上上代码！

参考链接camera | uni-app官网 (dcloud.net.cn)

2.utils.throttle 方法：

// utils.js

/**

* 防止小程序多次点击跳转

* @param {*} obj

* @returns

export function throttle(fn, gapTime) {

if (gapTime == null || gapTime == undefined) {

gapTime = 1500

}

let _lastTime = null

// 返回新的函数

return function () {

let _nowTime = + new Date()

if (_nowTime - _lastTime > gapTime || !_lastTime) {

fn.apply(this, arguments) //将this和参数传给原函数

_lastTime = _nowTime

}

3.接收参数页面

// 设备信息（扫一扫）

if (options && options.data) {

// 拿到参数

this.optionsData = JSON.parse(decodeURIComponent(options.data));

// 获取设备详情

this.selectById(JSON.parse(this.optionsData));

}

以上主要参考http://t.csdn.cn/gsn1I中博主的分享，再进行个人更改去改善为自己所需的自定义扫码页面。

夸智网