Browse Source

修改提示视频

yangg 2 tháng trước cách đây
mục cha
commit
ad27413d7e

+ 28 - 13
pages/interview/interview.vue

@@ -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;

+ 6 - 6
unpackage/dist/dev/mp-weixin/pages/interview/interview.js

@@ -57,12 +57,12 @@ const _sfc_main = {
       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"
       ]
     };
   },

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 0
unpackage/dist/dev/mp-weixin/pages/interview/interview.wxml


+ 5 - 0
unpackage/dist/dev/mp-weixin/pages/interview/interview.wxss

@@ -259,6 +259,11 @@
 	border-radius: 10rpx;
 	z-index: 11;
 }
+.mp-video-player{
+	width: 100%;
+	height: 100%;
+    border-radius: 10rpx;
+}
 .guide-image {
 	width: 160rpx;
 	height: 200rpx;

+ 1 - 1
unpackage/dist/dev/mp-weixin/project.config.json

@@ -8,7 +8,7 @@
     "urlCheck": false,
     "es6": true,
     "postcss": false,
-    "minified": true,
+    "minified": false,
     "newFeature": true,
     "bigPackageSizeSupport": true,
     "babelSetting": {

Một số tệp đã không được hiển thị bởi vì quá nhiều tập tin thay đổi trong này khác