H5转成小程序

common/styles/global/components.scss

@@ -407,7 +407,18 @@ margin-right: 18rpx;display: inline-block;vertical-align: middle;}
 .phone-sztqr-page{
 	.sxt-tip-box{width:680rpx; height: 360rpx;line-height:360rpx;border-radius: 4rpx;
 	margin: 24rpx auto;text-align: center;border: 1rpx solid #666;color:#666;}
+	.video-container-box{
+		width: 100%;height: 360rpx;line-height:360rpx;text-align: center;position: relative;
+		.video-tip-box{
+			width:680rpx; height: 360rpx;margin: 24rpx 0;
+			color: #666;border: 1rpx solid #666;box-sizing: border-box;
+			position: absolute;top: -11px;left: 20px;
+		}
+	}
 	.zp-camera{width:680rpx; height: 360rpx;margin: 24rpx auto;}
+	.zp-camera::after{
+		border: 1rpx solid #666;
+	}
 	.zp-qr-btn {
 	    width: 360rpx;
 	    margin: 62rpx auto 24rpx;

components/zhuapaiConfirm/index.vue

@@ -1,6 +1,7 @@
 <template>
-	<view class="video-container">
-		<camera class="zp-camera" device-position="front" flash="off" @initdone="onVideoSuccess"></camera>
+	<view class="video-container-box">
+		<view class="video-tip-box"> 摄像头初始化... </view>
+		<camera class="zp-camera 88" device-position="front" flash="off" @initdone="onVideoSuccess"></camera>
 	</view>
 </template>
 
@@ -67,14 +68,3 @@
 		stopCamera && stopCamera();
 	})
 </script>
-
-<style lang="scss">
-	.video-container {
-		position: relative;
-		overflow: hidden;
-		
-		.zp-camera {
-			
-		}
-	}
-</style>