| | |
|---|
| | | .camera-shade { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.32); } |
|---|
| | | .back-button { display: flex; width: 72rpx; height: 72rpx; justify-content: center; align-items: center; position: absolute; top: 82rpx; left: 28rpx; z-index: 20; } |
|---|
| | | .back-icon { width: 40rpx; height: 40rpx; transform: rotate(180deg); } |
|---|
| | | .scan-frame { width: 570rpx; height: 334rpx; position: absolute; top: 476rpx; left: 90rpx; z-index: 10; background-color: rgba(40, 137, 91, 0.22); box-sizing: border-box; } |
|---|
| | | .scan-frame { width: 570rpx; height: 570rpx; position: absolute; top: 382rpx; left: 90rpx; z-index: 10; background-color: rgba(40, 137, 91, 0.22); box-sizing: border-box; } |
|---|
| | | .scan-frame.scan-paused { background-color: rgba(24, 36, 31, 0.42); } |
|---|
| | | .frame-top, .frame-bottom { width: 100%; height: 4rpx; position: absolute; left: 0; background-color: #6BE2AD; opacity: 0.85; } |
|---|
| | | .frame-top { top: 0; } |
|---|
| | |
|---|
| | | .half-action { width: 48%; } |
|---|
| | | .status-actions .primary-action.half-action { margin-left: 4%; } |
|---|
| | | .full-action { width: 100%; } |
|---|
| | | @keyframes scan-line-move { from { transform: translateY(0); } to { transform: translateY(330rpx); } } |
|---|
| | | @keyframes scan-line-move { from { transform: translateY(0); } to { transform: translateY(566rpx); } } |
|---|
| | | @keyframes loading-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } |
|---|
| | | </style> |
|---|
