扫码页:去掉黑色蒙版背景

This commit is contained in:
97694732@qq.com 2026-06-04 16:02:19 +08:00
parent f0dddbe186
commit 3b4186c0f1

View File

@ -1,6 +1,6 @@
<template>
<view class="page">
<barcode class="barcode" ref="barcode" autostart="true" background="rgba(0,0,0,0)" frameColor="transparent" scanbarColor="transparent" :filters="[1,2,5,6,7,8,9,10,11]" @marked="onMarked" @error="onError"></barcode>
<barcode class="barcode" ref="barcode" autostart="true" background="transparent" frameColor="transparent" scanbarColor="transparent" :filters="[1,2,5,6,7,8,9,10,11]" @marked="onMarked" @error="onError"></barcode>
<!-- 返回按钮 -->
<view class="close-btn" @click="goBack">
<text class="close-icon">✕</text>
@ -49,13 +49,11 @@
<style>
.page {
width: 750rpx;
flex: 1;
background-color: #000000;
}
.barcode {
width: 750rpx;
height: 100vh;
flex: 1;
}
.close-btn {
position: fixed;
@ -77,15 +75,16 @@
.tip {
position: fixed;
bottom: 120rpx;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0,0,0,0.5);
padding: 12rpx 30rpx;
border-radius: 40rpx;
left: 0;
right: 0;
text-align: center;
z-index: 999;
}
.tip-text {
color: #ffffff;
font-size: 28rpx;
background-color: rgba(0,0,0,0.5);
padding: 12rpx 30rpx;
border-radius: 40rpx;
}
</style>