upload project
This commit is contained in:
commit
06961cae04
422 changed files with 110626 additions and 0 deletions
52
subpackages/qr/qr-scan/qr-scan.wxml
Normal file
52
subpackages/qr/qr-scan/qr-scan.wxml
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
<!-- 扫码容器 -->
|
||||
<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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue