79 lines
1.7 KiB
Vue
79 lines
1.7 KiB
Vue
<template>
|
|
<view>
|
|
<view class="card">
|
|
<image
|
|
class="image"
|
|
@tap="scanCode"
|
|
src="http://p1.meituan.net/csc/696924dda634f05689dabdfbb18e88cc13551.png" />
|
|
<view class="mt-2 text-[#7A7A7A]">扫描二维码核销</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Taro from '@tarojs/taro';
|
|
|
|
// url参数转对象
|
|
// const urlParse = (url: string) => {
|
|
// const obj: any = {};
|
|
// const reg = /[?&][^?&]+=[^?&]+/g;
|
|
// const arr = url.match(reg);
|
|
// if (arr) {
|
|
// arr.forEach((item) => {
|
|
// const tempArr = item.substring(1).split("=");
|
|
// const key = decodeURIComponent(tempArr[0]);
|
|
// const val = decodeURIComponent(tempArr[1]);
|
|
// obj[key] = val;
|
|
// });
|
|
// }
|
|
// return obj;
|
|
// };
|
|
|
|
const scanCode = () => {
|
|
Taro.scanCode({
|
|
onlyFromCamera: true,
|
|
scanType: ['qrCode'],
|
|
success: async res => {
|
|
try {
|
|
Taro.navigateTo({
|
|
url: `/pages/admin/verify/verify_list/index?oid=${res.result}`,
|
|
});
|
|
} catch (error) {
|
|
Taro.showToast({
|
|
title: error.msg,
|
|
icon: 'none',
|
|
});
|
|
}
|
|
},
|
|
});
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
background-color: #f5f5f5;
|
|
background-image: url('http://p0.meituan.net/csc/e6ff5582788af2023f49241afe22fc89391851.png');
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 25%;
|
|
}
|
|
|
|
.card {
|
|
width: 80%;
|
|
height: 300px;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
margin: 300px auto;
|
|
border-radius: 33px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 100px;
|
|
|
|
.image {
|
|
width: 150px;
|
|
height: 150px;
|
|
}
|
|
}
|
|
</style>
|