fix:修改备注换行和签到失败背景图片

src/components/AppPopup.vue

@@ -16,7 +16,7 @@
       <div class="success">
         {{ status ? "签到成功!" : "签到失败!" }}
       </div>
-      <div class="remark" v-if="status">{{ signInfo.student.remark }}</div>
+      <div class="remark" v-html="remark">{{remark}}</div>
     </div>
     <div class="overlay" @click="handleClose" @touchmove.prevent></div>
   </div>
@@ -42,8 +42,15 @@ export default {
     return {
       defaultImg1: "https://webapp-pub.ezijing.com/marketing/img_success.png",
       defaultImg2: "https://webapp-pub.ezijing.com/marketing/img_fail.png",
+      remark:''
     };
   },
+  mounted(){
+    if(this.signInfo.student.remark.includes(';')){
+      this.remark=this.signInfo.student.remark.replace(/;/g,"<br/>");
+    }
+    console.log(this.remark);
+  },
   methods: {
     handleClose() {
       this.$emit("update:visible", false);
@@ -87,7 +94,7 @@ export default {
     font-weight: 400;
   }
   .remark {
-    width: 4.14rem;
+    width: 5.04rem;
     position: absolute;
     left: 50%;
     top: 4.15rem;
@@ -97,6 +104,7 @@ export default {
     line-height: 0.48rem;
     font-weight: 400;
     text-align: center;
+    word-break: break-all;
   }
 }
 </style>

src/views/signIn/Index.vue

@@ -6,10 +6,12 @@
     </div>
     <div v-else>
       <img
-        :src="signInfo.market_other_img || defaultImg3"
+        :src="signInfo.market_other_img "
         alt=""
         class="market_other_img"
+        v-if="status == true"
       />
+      <img :src="defaultImg3" alt="" class="market_other_img" v-else>
       <img
         src="https://webapp-pub.ezijing.com/marketing/detail.png"
         class="signIn_detail"