test

src/views/tool.vue

@@ -23,12 +23,6 @@
                   <span @click="croppSure">完成</span>
                 </div>
             </div>
-    <div class="preview-box">
-        <div>预览：</div>
-        <div :style="previews.div" class="preview">
-            <img :src="previews.url" :style="previews.img">
-        </div>
-    </div>
     <!-- 21天模板 -->
     <div id="posterCon" class="posterCon_21" v-if="days==21||days==150">
       <div id="posterBox">
@@ -73,7 +67,7 @@
         </div>
         <div id="addpicBox">
           <img @click="selectPic" src="../assets/addpicBlack.png">
-          <img :src="uploadPic" :style="previews.img" v-show="uploadPic">
+          <img :src="uploadPic" v-show="uploadPic">
         </div>
         <div id="posterBom">
           <div id="posterBomWrap" :style="{background: backgroundColor}">
@@ -355,8 +349,12 @@ export default {
       console.log(msg) 
     },
     croppSure() {//裁剪完成
-      this.uploadPic = this.previews.url
-      this.cropperShow = false
+      this.$refs.cropper.getCropData(data=>{
+        this.option.img = ''
+        this.previews = {}
+        this.uploadPic = data
+        this.cropperShow = false
+      })
     },
 
     create() {