interview.wxml 2.3 KB

1
  1. <view class="container"><view class="photo-container"><view class="instruction"><text>{{a}}</text></view><view class="preview-container"><image wx:if="{{b}}" src="{{c}}" mode="aspectFit" class="preview-image"></image><view wx:else class="empty-preview"><text>{{d}}</text></view></view><view class="thumbnails"><view wx:for="{{e}}" wx:for-item="photo" wx:key="e" class="{{['thumbnail-item', photo.f && 'active', photo.g && 'completed']}}"><image wx:if="{{photo.a}}" src="{{photo.b}}" mode="aspectFill" class="thumbnail-image" bindtap="{{photo.c}}"></image><view wx:else class="thumbnail-placeholder">{{photo.d}}</view></view></view></view><view class="controls"><button class="camera-btn" bindtap="{{g}}">{{f}}</button><view class="navigation-btns"><button class="nav-btn prev" disabled="{{h}}" bindtap="{{i}}">上一步</button><button class="nav-btn next" disabled="{{k}}" bindtap="{{l}}">{{j}}</button></view></view><view wx:if="{{m}}" class="camera-container"><camera device-position="{{n}}" flash="auto" binderror="{{o}}" class="camera-component" mode="{{p}}" frame-size="medium"></camera><cover-view class="gesture-overlay"><cover-view class="guide-icon"><cover-image src="{{q}}" class="guide-image"></cover-image></cover-view><cover-image src="{{r}}" class="gesture-image"></cover-image><cover-view class="gesture-hint"><cover-view class="gesture-hint-text">{{s}}</cover-view></cover-view></cover-view><cover-view class="camera-controls"><cover-view class="capture-btn" bindtap="{{t}}"></cover-view><cover-view class="camera-buttons"><cover-view class="cancel-btn" bindtap="{{v}}">取消</cover-view></cover-view></cover-view></view><view wx:if="{{w}}" class="camera-container" hidden="{{!D}}"><video ref="videoElement" class="camera-video" autoplay></video><canvas ref="canvasElement" class="camera-canvas" style="display:none"></canvas><view class="gesture-overlay"><view class="guide-icon"><image src="{{x}}" class="guide-image"></image></view><image src="{{y}}" class="gesture-image"></image><view class="gesture-hint"><text class="gesture-hint-text">{{z}}</text></view></view><view class="camera-buttons"><button class="capture-btn" bindtap="{{A}}">拍照</button><button class="switch-camera-btn" bindtap="{{B}}">切换摄像头</button><button class="cancel-btn" bindtap="{{C}}">取消</button></view></view></view>