扫码页:去掉黑色蒙版背景
This commit is contained in:
parent
f0dddbe186
commit
3b4186c0f1
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="page">
|
<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">
|
<view class="close-btn" @click="goBack">
|
||||||
<text class="close-icon">✕</text>
|
<text class="close-icon">✕</text>
|
||||||
@ -49,13 +49,11 @@
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
.page {
|
.page {
|
||||||
width: 750rpx;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
background-color: #000000;
|
|
||||||
}
|
}
|
||||||
.barcode {
|
.barcode {
|
||||||
width: 750rpx;
|
width: 750rpx;
|
||||||
height: 100vh;
|
flex: 1;
|
||||||
}
|
}
|
||||||
.close-btn {
|
.close-btn {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@ -77,15 +75,16 @@
|
|||||||
.tip {
|
.tip {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 120rpx;
|
bottom: 120rpx;
|
||||||
left: 50%;
|
left: 0;
|
||||||
transform: translateX(-50%);
|
right: 0;
|
||||||
background-color: rgba(0,0,0,0.5);
|
text-align: center;
|
||||||
padding: 12rpx 30rpx;
|
|
||||||
border-radius: 40rpx;
|
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
.tip-text {
|
.tip-text {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
|
background-color: rgba(0,0,0,0.5);
|
||||||
|
padding: 12rpx 30rpx;
|
||||||
|
border-radius: 40rpx;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user