function

src/components/function.vue

@@ -56,7 +56,7 @@
           >
         </div>
         <!--确认-->
-        <div>
+        <div v-if="isCamera">
           <!--canvas截取流-->
           <canvas
             ref="canvas"
@@ -65,15 +65,6 @@
             v-if="isCamera"
           ></canvas>
         </div>
-        <div>
-          <!--canvas截取流-->
-          <!-- <canvas
-            ref="canvasDOM"
-            width="188"
-            height="144"
-            v-show="isCamera"
-          ></canvas> -->
-        </div>
       </div>
     </div>
   </div>
@@ -247,6 +238,7 @@ body {
   flex-direction: row;
   justify-content: flex-start;
   /* align-items: center; */
+  justify-content: center;
   /* margin: auto; */
   width: 100%;
   height: 100%;
@@ -315,7 +307,7 @@ body {
 .controlZ {
   width: 490px;
   height: 900px;
-  margin-left: calc(50% - (490px / 2));
+  /* margin-left: calc(50% - (490px / 2)); */
   position: relative;
 }