interview.wxml 2.2 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"><cover-view class="gesture-hint"><cover-view class="gesture-hint-text">{{n}}</cover-view></cover-view><camera device-position="{{o}}" flash="auto" binderror="{{p}}" class="camera-component" mode="{{q}}" frame-size="medium"></camera><cover-view class="gesture-overlay"><cover-view class="guide-icon" style="{{s}}"><cover-image src="{{r}}" class="guide-image"></cover-image></cover-view><cover-image src="{{t}}" class="gesture-image"></cover-image></cover-view><cover-view class="camera-controls"><cover-view class="capture-btn" bindtap="{{v}}"></cover-view><cover-view class="camera-buttons"><cover-view class="cancel-btn" bindtap="{{w}}">取消</cover-view></cover-view></cover-view></view><view wx:if="{{x}}" class="camera-container" hidden="{{!F}}"><canvas ref="canvasElement" class="camera-canvas" style="display:none"></canvas><view class="gesture-overlay"><view class="guide-icon" style="{{z}}"><image src="{{y}}" class="guide-image"></image></view><image src="{{A}}" class="gesture-image"></image><view class="gesture-hint"><text class="gesture-hint-text">{{B}}</text></view></view><view class="camera-buttons"><button class="capture-btn" bindtap="{{C}}">拍照</button><button class="switch-camera-btn" bindtap="{{D}}">切换摄像头</button><button class="cancel-btn" bindtap="{{E}}">取消</button></view></view></view>