73 lines
3.0 KiB
Plaintext
73 lines
3.0 KiB
Plaintext
<!--pages/index/camera.wxml - 拍照页面（与首页等统一使用自定义 tabBar，避免系统 tab 与浮钮叠层） -->
|
||
<view class="camera-page-root tabbar-pad">
|
||
<!-- 审核模式：展示引导，避免整块 wx:if 隐藏导致白屏、拍摄按钮不存在 -->
|
||
<view class="container review-mode-panel" wx:if="{{reviewMode}}">
|
||
<view class="review-mode-card">
|
||
<text class="review-mode-title">问卷审核模式</text>
|
||
<text class="review-mode-desc">当前未开放实时拍摄面相，请先做 MBTI / DISC / PDP 等问卷测试；后台关闭「审核模式」后即可使用拍摄报告。</text>
|
||
<view class="review-mode-btn" bindtap="goToQuestionnaire">去做性格测试</view>
|
||
</view>
|
||
</view>
|
||
<view class="container" wx:else>
|
||
<view class="progress-section">
|
||
<view class="progress-info">
|
||
<text class="step-text">步骤 {{photoIndex + 1}}/3</text>
|
||
<text class="photo-count">{{photos.length}}/3 张照片已完成</text>
|
||
</view>
|
||
<view class="progress-bars">
|
||
<view class="progress-bar {{photos.length >= 1 ? 'completed' : 'pending'}}"></view>
|
||
<view class="progress-bar {{photos.length >= 2 ? 'completed' : 'pending'}}"></view>
|
||
<view class="progress-bar {{photos.length >= 3 ? 'completed' : 'pending'}}"></view>
|
||
</view>
|
||
<view class="instruction-card">
|
||
<view class="instruction-content">
|
||
<view class="step-number">{{photoIndex + 1}}</view>
|
||
<view class="instruction-text">
|
||
<text class="angle-text">{{guideText}}</text>
|
||
<text class="tip-text">请保持自然表情，确保光线充足</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="camera-container">
|
||
<view wx:if="{{photos.length < 3}}" class="camera-preview">
|
||
<camera
|
||
class="camera"
|
||
device-position="front"
|
||
flash="off"
|
||
binderror="onCameraError"
|
||
></camera>
|
||
</view>
|
||
|
||
<view wx:else class="photos-preview">
|
||
<view class="photo-item" wx:for="{{photos}}" wx:key="index">
|
||
<image class="photo-image" src="{{item}}" mode="aspectFill"></image>
|
||
<view class="photo-label">{{index === 0 ? '正面' : (index === 1 ? '左侧' : '右侧')}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="button-container">
|
||
<view wx:if="{{photos.length < 3}}" class="capture-actions">
|
||
<view class="capture-button" bindtap="takePhoto">
|
||
<text class="button-text">拍摄{{guideText}}照片</text>
|
||
</view>
|
||
<view class="album-button" bindtap="goToUpload">
|
||
<text class="album-button-text">从相册选择</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view wx:else class="action-buttons">
|
||
<view class="action-button secondary" bindtap="retakeAll">
|
||
<text class="action-button-text">重新拍摄</text>
|
||
</view>
|
||
<view class="action-button primary" bindtap="completeCapture">
|
||
<text class="action-button-text">立即{{aiAnalysisText || '分析'}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<custom-tab-bar />
|
||
</view>
|