H5转小程序

common/styles/global/components.scss

@@ -402,4 +402,15 @@ margin-right: 18rpx;display: inline-block;vertical-align: middle;}
 	width: 580rpx;border-radius: 12rpx;background-color: #fff;padding: 24rpx;
 	.tip-title{padding-top: 24rpx;font-size: 34rpx;color: #333;text-align: center;}
 	.tip-content{font-size: 32rpx;color: #666;margin:32rpx 24rpx 56rpx;line-height: 1.6;text-align: justify;}
+}
+
+.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;}
+	.zp-camera{width:680rpx; height: 360rpx;margin: 24rpx auto;}
+	.zp-qr-btn {
+	    width: 360rpx;
+	    margin: 62rpx auto 24rpx;
+	    font-size: 30rpx;
+	}
 }

components/zhuapaiConfirm/index.vue

@@ -1,9 +1,6 @@
 <template>
-	<view class="phone-camera-box">
-		<view v-show="!showConfirmBtn" class="sxt-tip-box" style="text-align: center;">{{textMess}}</view>
-		<camera v-show="showConfirmBtn" class="camera" device-position="front" flash="off" @initdone="onVideoSuccess"
-			style="width:100%; height: 320rpx;"></camera>
-	</view>
+		<view v-show="!showConfirmBtn" class="sxt-tip-box">{{textMess}}</view>
+		<camera v-show="showConfirmBtn" class="zp-camera" device-position="front" flash="off" @initdone="onVideoSuccess"></camera>
 </template>
 
 <script setup>
@@ -77,22 +74,3 @@
 		stopCamera && stopCamera();
 	})
 </script>
-
-<style lang="scss">
-	.phone-camera-box {
-		margin-top: 60px;
-		width: 100%;
-	}
-
-	.uni-video-container {
-		width: 100%;
-	}
-
-	.uni-video-video {
-		width: 100%;
-	}
-
-	.my-dialog-cc .uni-dialog-button-group .uni-border-left .uni-button-color {
-		color: #3fd2a1;
-	}
-</style>

pages/client/Kaoshi/examCamera.vue

@@ -1,11 +1,11 @@
 <template>
-	<view>
+	<view class="phone-sztqr-page">
 		<!-- 导航区域 -->
 		<customNavbarVue title="摄像头确认" :show-back-btn="true" @back="handleBack"></customNavbarVue>
 		
 		<zhuapaiConfirm ref="zhuapaiConfirmRef" @success="zpConfirmSuccess" key="1"></zhuapaiConfirm>
 			
-		<button @click="zpConfirmSuccess">确认</button>	
+		<button type="default" class="phone-green-btn zp-qr-btn" @click="zpConfirmSuccess">确认</button>
 	</view>
 </template>
 

pages/client/my/cameraTest.vue

@@ -1,11 +1,11 @@
 <template>
-	<view>
+	<view class="phone-sztqr-page">
 		<!-- 导航区域 -->
 		<customNavbarVue title="摄像头确认" :show-back-btn="true" @back="handleBack"></customNavbarVue>
 		
 		<zhuapaiConfrimVue></zhuapaiConfrimVue>
 		
-		<button @click="handleBack">确定</button>
+		<button type="default" class="phone-green-btn zp-qr-btn" @click="handleBack">确定</button>
 	</view>
 </template>