This commit is contained in:
hayu 2025-08-01 15:51:44 +08:00
parent d23a3d4f92
commit 75b6efe951
1 changed files with 9 additions and 6 deletions

View File

@ -999,7 +999,7 @@ export default {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background-color: #000000; background-color: #000000;
z-index: 1000; /* 降低层级让UI元素显示在上方 */ z-index: 100000; /* 增加相机预览层级 */
} }
.top-tip { .top-tip {
@ -1007,7 +1007,7 @@ export default {
top: 120rpx; top: 120rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
z-index: 10001; /* 提高层级,确保显示在相机之上 */ z-index: 100001; /* 提高层级,确保提示文本在相机预览之上 */
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
@ -1027,7 +1027,7 @@ export default {
top: 200rpx; top: 200rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
z-index: 10001; /* 提高层级 */ z-index: 100001; /* 提高层级 */
text-align: center; text-align: center;
} }
@ -1040,12 +1040,13 @@ export default {
border-radius: 8rpx; border-radius: 8rpx;
} }
/* 取景框 */
.viewfinder-container { .viewfinder-container {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
z-index: 10001; /* 提高取景框层级 */ z-index: 100001; /* 提高取景框层级 */
} }
.viewfinder { .viewfinder {
@ -1129,7 +1130,7 @@ export default {
position: absolute; position: absolute;
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
z-index: 10002; /* 聚焦指示器最高层级 */ z-index: 100002; /* 聚焦指示器最高层级 */
} }
.focus-ring { .focus-ring {
@ -1151,6 +1152,7 @@ export default {
transform: scale(1.2); transform: scale(1.2);
} }
@keyframes focusPulse { @keyframes focusPulse {
0%, 100% { 0%, 100% {
transform: scale(1); transform: scale(1);
@ -1162,6 +1164,7 @@ export default {
} }
} }
/* 控制区 */
.bottom-controls { .bottom-controls {
position: absolute; position: absolute;
bottom: 100rpx; bottom: 100rpx;
@ -1172,7 +1175,7 @@ export default {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 0 100rpx; padding: 0 100rpx;
z-index: 10001; /* 提高底部控制按钮层级 */ z-index: 100001; /* 底部控制按钮层级 */
} }
.control-btn { .control-btn {