1 |
- <view class="camera-container"><view class="header"><view class="back-button" bindtap="{{a}}"></view><view class="title">智能AI面试</view><view class="controls"></view></view><view class="content"><view class="interview-content"><view class="video-area"><view class="progress-container"><view wx:for="{{b}}" wx:for-item="step" wx:key="d" class="progress-step"><view class="{{['step-circle', step.b && 'active']}}">{{step.a}}</view><view class="step-text">{{step.c}}</view></view></view><view class="video-camera"><view class="interviewer"><video wx:if="{{c}}" id="aiInterviewer" src="{{d}}" autoplay loop muted object-fit="contain" class="interviewer-video"></video><image wx:else src="{{e}}" mode="aspectFit" class="interviewer-avatar"></image></view></view></view><view class="progress-bar"><view class="progress-fill" style="{{'width:' + f}}"></view></view><view class="question-area"><view class="question"><text>{{g}}</text></view><view class="options"><view wx:for="{{h}}" wx:for-item="option" wx:key="c" class="{{['option-item', option.d && 'option-selected']}}" bindtap="{{option.e}}"><text class="option-label">{{option.a}}.</text><text class="option-text">{{option.b}}</text></view></view><button class="next-button" bindtap="{{j}}"><view class="button-content"><text class="timer-text">本题剩余 {{i}}</text><text class="next-text">进入下一题</text></view></button></view></view></view><view wx:if="{{k}}" class="interview-end-modal"><view class="modal-content"><view class="modal-title">面试已结束</view><view class="modal-message">感谢您参加本次面试,我们将尽快与您联系。</view><button type="primary" bindtap="{{l}}">返回首页</button></view></view></view>
|