|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <view class="photo-container">
|
|
|
+ <view class="photo-container" :class="{'loaded': isPageLoaded}">
|
|
|
<!-- 标题 -->
|
|
|
<view class="photo-header">
|
|
|
<text class="photo-title">拍摄照片</text>
|
|
@@ -29,12 +29,17 @@ export default {
|
|
|
return {
|
|
|
photoSrc: '', // 拍摄的照片路径
|
|
|
isCameraReady: false,
|
|
|
- cameraContext: null
|
|
|
+ cameraContext: null,
|
|
|
+ isPageLoaded: false // 添加页面加载状态标记
|
|
|
}
|
|
|
},
|
|
|
onReady() {
|
|
|
// 相机组件初始化完成后创建相机上下文
|
|
|
this.cameraContext = uni.createCameraContext();
|
|
|
+ // 设置页面已加载完成
|
|
|
+ setTimeout(() => {
|
|
|
+ this.isPageLoaded = true;
|
|
|
+ }, 100);
|
|
|
},
|
|
|
methods: {
|
|
|
// 处理相机错误
|
|
@@ -153,6 +158,12 @@ export default {
|
|
|
min-height: 100vh;
|
|
|
background-color: #f5f7fa;
|
|
|
padding: 30rpx;
|
|
|
+ opacity: 0; /* 初始设置为不可见 */
|
|
|
+ transition: opacity 0.3s ease; /* 添加过渡效果 */
|
|
|
+}
|
|
|
+
|
|
|
+.photo-container.loaded {
|
|
|
+ opacity: 1; /* 加载完成后显示 */
|
|
|
}
|
|
|
|
|
|
.photo-header {
|