|
@@ -52,18 +52,28 @@
|
|
|
></camera>
|
|
|
|
|
|
<!-- 添加手势引导蒙层 -->
|
|
|
- <cover-view class="gesture-overlay">
|
|
|
+ <view class="gesture-overlay">
|
|
|
<!-- 添加右上角引导图标 -->
|
|
|
- <cover-view class="guide-icon" :style="currentStep>=3?'left:30rpx':'right:30rpx'">
|
|
|
- <cover-image :src="guideIcon[currentStep]" class="guide-image"></cover-image>
|
|
|
+ <view class="guide-icon" :style="currentStep>=3?'left:30rpx':'right:30rpx'">
|
|
|
+ <!-- <image :src="guideIcon[currentStep]" class="guide-image"></image> -->
|
|
|
+ <video
|
|
|
+ :src="guideIcon[currentStep]"
|
|
|
+ id="mpVideo"
|
|
|
+ autoplay
|
|
|
+ class="mp-video-player"
|
|
|
+ :controls="false"
|
|
|
+ loop
|
|
|
+ muted
|
|
|
+ object-fit="contain"
|
|
|
+ ></video>
|
|
|
<!-- <text class="guide-text">引导</text> -->
|
|
|
- </cover-view>
|
|
|
+ </view>
|
|
|
|
|
|
- <cover-image
|
|
|
+ <image
|
|
|
:src="gestureOverlays[currentStep]"
|
|
|
class="gesture-image"
|
|
|
- ></cover-image>
|
|
|
- </cover-view>
|
|
|
+ ></image>
|
|
|
+ </view>
|
|
|
|
|
|
<cover-view class="camera-controls">
|
|
|
<cover-view class="capture-btn" @tap="capturePhotoMP"></cover-view>
|
|
@@ -157,12 +167,12 @@ import { apiBaseUrl } from '@/common/config.js'; // Import the base URL from a c
|
|
|
photoLinks: [null, null, null, null, null, null], // 存储上传后的图片链接
|
|
|
cameraPosition: 'front', // 修改默认为前置摄像头
|
|
|
guideIcon: [
|
|
|
- 'http://121.36.251.245:9000/minlong/%E5%B7%A6%E6%89%8B%E6%89%8B%E6%8E%8C%281%29.jpg',
|
|
|
- 'http://121.36.251.245:9000/minlong/%E5%B7%A6%E6%89%8B%E6%89%8B%E8%83%8C%281%29%281%29.png',
|
|
|
- 'http://121.36.251.245:9000/minlong/%E5%B7%A6%E6%89%8B%E5%8D%A7%E6%8B%B3%281%29%281%29.png',
|
|
|
- 'http://121.36.251.245:9000/minlong/%E5%8F%B3%E6%89%8B%E6%89%8B%E6%8E%8C%281%29%281%29.png',
|
|
|
- 'http://121.36.251.245:9000/minlong/%E5%8F%B3%E6%89%8B%E6%89%8B%E8%83%8C%281%29%281%29.png',
|
|
|
- 'http://121.36.251.245:9000/minlong/%E5%8F%B3%E6%89%8B%E5%8D%A7%E6%8B%B3%281%29%281%29.png',
|
|
|
+ 'http://121.36.251.245:9000/minlong/01%E5%B7%A6%E6%89%8B%E6%89%8B%E6%8E%8C.mp4',
|
|
|
+ 'http://121.36.251.245:9000/minlong/02%E5%B7%A6%E6%89%8B%E6%89%8B%E8%83%8C.mp4',
|
|
|
+ 'http://121.36.251.245:9000/minlong/03%E5%B7%A6%E6%89%8B%E6%8F%A1%E6%8B%B3.mp4',
|
|
|
+ 'http://121.36.251.245:9000/minlong/04%E5%8F%B3%E6%89%8B%E6%89%8B%E6%8E%8C.mp4',
|
|
|
+ 'http://121.36.251.245:9000/minlong/05%E5%8F%B3%E6%89%8B%E6%89%8B%E8%83%8C.mp4',
|
|
|
+ 'http://121.36.251.245:9000/minlong/06%E5%8F%B3%E6%89%8B%E6%8F%A1%E6%8B%B3.mp4',
|
|
|
]
|
|
|
}
|
|
|
},
|
|
@@ -962,6 +972,11 @@ import { apiBaseUrl } from '@/common/config.js'; // Import the base URL from a c
|
|
|
border-radius: 10rpx;
|
|
|
z-index: 11;
|
|
|
}
|
|
|
+.mp-video-player{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: 10rpx;
|
|
|
+}
|
|
|
|
|
|
.guide-image {
|
|
|
width: 160rpx;
|