修改拍照及 base64图片展示

src/components/Adult/preview/components/Freewrite.vue

@@ -96,7 +96,7 @@ export default {
         .then((res) => {
           let Book_img = res.replace("data:image/png;base64,", "");
           this.history.push(this.$refs.esign.history);
-          this.imgarr.push(Book_img);
+          this.imgarr.push("data:image/png;base64," + Book_img);
           //console.log(Book_img);
           // this.textOcr(res.replace("data:image/png;base64,", ""));
         })
@@ -122,18 +122,20 @@ export default {
 //@import url(); 引入公共css类
 .freewrite {
   width: 100%;
-
   .imgsave {
     margin-top: 8px;
     display: flex;
     justify-content: space-between;
     .image {
+      display: flex;
       > div {
+        margin-right: 8px;
         width: 28px;
         height: 28px;
         background: #fff url("../../../../assets/NPC/chinaTianRed.png") center
           no-repeat;
         background-size: 100% 100%;
+        border-radius: 4px;
       }
       .img {
         width: 100%;
@@ -141,10 +143,15 @@ export default {
         cursor: pointer;
       }
     }
-
     .xj {
+      width: 28px;
+      height: 28px;
       border-radius: 4px;
       cursor: pointer;
+      background: rgba(0, 0, 0, 0.08);
+      display: flex;
+      justify-content: center;
+      align-items: center;
       img {
         width: 16px;
         height: 16px;