mod:拍摄预览页调整

frontend/src/views/Photography/check.vue

@@ -21,15 +21,15 @@
                 </span>
             </div>
             <div class="camera-preview  flex col center ">
-              <template v-if="step === 1">
-                 <img v-if="previewKey" class="camera-img" :src="preview+'?key='+previewKey" />
-              </template>
+              <div class="camera-preview-img" v-if="step === 1">
+                <img v-if="previewKey" class="camera-img" :src="preview+'?key='+previewKey" />
+                <div class="example-image flex-col" v-if="!isSetting"><img src="https://huilimaimg.cnhqt.com/frontend/zhihuiyin/demo.jpg?x-oss-process=image/resize,w_400"></div>
+              </div>
               <template v-if="step === 2" >
                 <img class="camera-img"  :src="getFilePath(imageTplPath)" />
                 <span  class="camera-description">这是一张用于检查镜头是否合适的测试图</span>
               </template>
 
-              <div class="example-image flex-col" v-if="!isSetting"><img src="https://huilimaimg.cnhqt.com/frontend/zhihuiyin/demo.jpg?x-oss-process=image/resize,w_400"></div>
             </div>
           </div>
         </div>
@@ -316,7 +316,6 @@ onBeforeUnmount(() => {
         }
 
         .camera-preview {
-          box-shadow: 0px 2px 10px 0px rgba(0, 32, 78, 0.1);
           background-color: rgba(255, 255, 255, 1);
           height:  calc(100vh - 200px);
           position: relative;
@@ -331,9 +330,17 @@ onBeforeUnmount(() => {
             border-radius: 20px;
             font-size: 14px;
           }
+          .camera-preview-img {
+            display: inline-block;
+            height: 100%;
+            position: relative;
+          }
 
           .camera-img {
-            width: 100%;
+          //  width: 100%;
+            display: block;
+            position: relative;
+            box-shadow: 0px 2px 10px 0px rgba(0, 32, 78, 0.1);
             height: 100%;
             object-fit:contain;