fix(global): 裁剪框生产环境渲染问题修复

pages/portfolio/post/_portfolio_id.vue

@@ -30,20 +30,15 @@
           </el-card>
         </el-col>
         <el-col :span="6">
+          <client-only>
             <el-card>
-            <div>
+              <div style="display: block;">
                 <div class="cropperBox">
                   <vue-cropper
-                  :aspect-ratio="1"
                       :autoCrop="autoCrop"
-                  :autoCropArea="1"
-                  fixed
-                  :fixedNumber="[1,1]"
-                  :checkCrossOrigin="false"
-                  :checkOrientation="false"
                       :img="headImgUrl"
-                  preview=".preview"
                       ref="cropper"
+                      :fixed="true"
                       @realTime="realTime"
                   />
                 </div>
@@ -77,6 +72,7 @@
                 </div>
               </div>
             </el-card>
+          </client-only>
         </el-col>
       </el-row>
     </div>
@@ -161,13 +157,13 @@ export default {
       cropImg: '',
       isEdit: false,
       autoCrop: true,
-      notificationFlag: true
-      , contentHtml: {}
+      notificationFlag: true,
+      contentHtml: {}
     }
   },
   methods: {
     realTime(data) {
-      this.cropImg = data
+      this.cropImg = data;
     },
     _initEditor(data) {
       //初始化
@@ -544,6 +540,4 @@ export default {
   margin-bottom: 20px;
   border: 1px solid #F2F6FC;
 }
-
-
 </style>