扫码页:去掉黑色蒙版背景
This commit is contained in:
parent
f0dddbe186
commit
3b4186c0f1
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user