init

xhs-mini-demos/component-case/camera-case/camera-case.xhsml

@@ -0,0 +1,44 @@
+<view class="page-body">
+  <view class="page-body-wrapper">
+    <camera xhs:if="{{mode ==='normal'}}" device-position="{{devicePosition}}" flash="{{flash}}" binderror="error"
+      bindscancode="scancode" bindstop="stop" bindinitdone="initdone" style="width: 100%; height: 300px;"></camera>
+    <camera xhs:if="{{mode==='scanCode'}}" device-position="{{devicePosition}}" flash="{{flash}}" binderror="error"
+      bindscancode="scancode" bindstop="stop" bindinitdone="initdone" style="width: 100%; height: 300px;"></camera>
+    <view class="btn-area">
+      <picker value="{{flash}}" bindchange="changeFlash" range="{{flashArr}}">
+        <view class="preview-tips">点击切换闪光灯模式，当前为{{flash}}</view>
+      </picker>
+    </view>
+    <view class="btn-area">
+      <picker value="{{frameSize}}" bindchange="changeFrameSize" range="{{frameSizeArr}}">
+        <view class="preview-tips">点击切换相机帧数据尺寸，当前为{{frameSize}}</view>
+      </picker>
+    </view>
+    <view class="btn-area">
+      <button type="primary" bindtap="changeMode">
+        切换模式为{{mode === 'normal' ? 'scanCode' : 'normal'}}
+      </button>
+    </view>
+    <view class="btn-area">
+      <button type="primary" bindtap="changeDevicePosition">
+        切换镜头朝向为{{devicePosition === 'back' ? 'front' : 'back'}}
+      </button>
+    </view>
+    <view class="btn-area">
+      <button type="primary" bindtap="takePhoto">拍照</button>
+    </view>
+    <view class="btn-area">
+      <button type="primary" bindtap="setZoom">设置缩放级别为 2</button>
+    </view>
+    <!-- 录像本期未实现 -->
+    <!-- <view class="btn-area">
+      <button type="primary" bindtap="startRecord">开始录像</button>
+    </view>
+    <view class="btn-area">
+      <button type="primary" bindtap="stopRecord">结束录像</button>
+    </view> -->
+    <view class="preview-tips">预览</view>
+    <image xhs:if="{{src}}" mode="widthFix" src="{{src}}"></image>
+    <video xhs:if="{{videoSrc}}" class="video" src="{{videoSrc}}"></video>
+  </view>
+</view>