52 lines
No EOL
2.1 KiB
Text
52 lines
No EOL
2.1 KiB
Text
<!-- 扫码容器 -->
|
|
<view class="scan-container">
|
|
|
|
<!-- 相机组件 -->
|
|
<camera class="camera" mode="scanCode" device-position="{{devicePosition}}" flash="{{flashMode}}" binderror="handleCameraError" bindscancode="handleScanCode"></camera>
|
|
<view class="scan-box off" wx:if="{{!!(imgPath)}}">
|
|
<image class="tempFilePath scan-box"style="width:{{scanBoxWidth}}rpx;height:{{scanBoxHeight}}rpx;left:{{scanBoxLeft}}rpx;top:{{scanBoxTop}}rpx;" src="{{imgPath}}" mode="aspectFill" />
|
|
</view>
|
|
<!-- 扫码框 -->
|
|
<view class="scan-box"style="width:{{scanBoxWidth}}rpx;height:{{scanBoxHeight}}rpx;left:{{scanBoxLeft}}rpx;top:{{scanBoxTop}}rpx;">
|
|
|
|
<!-- 扫码框边框 -->
|
|
<view class="scan-box-border">
|
|
|
|
</view>
|
|
<!-- 扫描线 -->
|
|
<view class="scan-line"style="top:{{scanLineTop}}rpx;"></view>
|
|
<!-- 角落标记 -->
|
|
<view class="scan-corner top-left"></view>
|
|
<view class="scan-corner top-right"></view>
|
|
<view class="scan-corner bottom-left"></view>
|
|
<view class="scan-corner bottom-right"></view>
|
|
</view>
|
|
<view class="action-buttons">
|
|
<!-- 保存二维码按钮 -->
|
|
<view bindtap="goCode" class="action-btn-out">
|
|
<!-- 下载图标 -->
|
|
<view class="action-btn">
|
|
<image class="action-icon" src="../../../images/qr-code.svg" mode="aspectFit"></image>
|
|
</view>
|
|
<text class="action-icon-text" >二维码</text>
|
|
</view>
|
|
|
|
<!-- 扫描二维码按钮 -->
|
|
<view class="action-btn-out" >
|
|
<view class="action-btn" bindtap="chooseImageFirst" >
|
|
<!-- 扫描图标 -->
|
|
<image class="action-icon" src="../../../images/Album.svg" mode="aspectFit"></image>
|
|
</view>
|
|
<text class="action-icon-text" >相册</text>
|
|
|
|
</view>
|
|
<!-- 分享二维码按钮 -->
|
|
<view class="action-btn-out">
|
|
<view class="action-btn" bindtap="toggleFlash" >
|
|
<!-- 分享图标 -->
|
|
<image class="action-icon" src="../../../images/flashlight.svg" mode="aspectFit"></image>
|
|
</view>
|
|
<text class="action-icon-text" >手电筒</text>
|
|
</view>
|
|
</view>
|
|
</view> |