.cameraUI.data-v-72d631f3 { width: 750rpx; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .cameraUI .scanBox.data-v-72d631f3 { width: 636rpx; display: block; position: relative; } .cameraUI .scanBox .scanEffect.data-v-72d631f3 { position: absolute; left: 50%; top: 5%; width: 595rpx; height: 86rpx; transform: translateX(-50%); z-index: 1; animation: scan-72d631f3 1.5s ease-in-out infinite; } .cameraUI .BarCodeScanEffect.data-v-72d631f3 { top: 30%; animation: BarCodeScan 1.5s ease-in-out infinite; } @keyframes scan-72d631f3 { 0% { top: 5%; opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { top: 70%; opacity: 0; } } .cameraUI .control.data-v-72d631f3 { margin-top: 80rpx; height: 110rpx; display: flex; align-items: center; justify-content: center; } .cameraUI .control .flashLight.data-v-72d631f3 { width: 90rpx; height: 90rpx; background: rgba(74, 74, 74, 0.8); box-shadow: rgba(142, 142, 142, 0.19) 0px 6px 15px 0px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .cameraUI .control .flashLight image.data-v-72d631f3 { width: 60%; height: 60%; } .cameraUI .control .flashOpen.data-v-72d631f3 { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background: rgba(255, 255, 255, 0.5); } .cameraUI .control .flashClick.data-v-72d631f3 { transition: all 0.1s ease-in-out 0s; transform: scale(1.2); }