updates

src/components/AppPopup.vue

 <template>
   <div class="popup" v-show="visible">
-    
     <div class="popup-container" @touchmove.prevent>
       <div v-if="status == true">
-        <img class="img_default" :src="signInfo.market_background_img || defaultImg1"/>
+        <img class="img_default" :src="signInfo.market_background_img || defaultImg1" />
         <div class="success">签到成功!</div>
         <div class="remark" v-html="remark"></div>
       </div>
-    <div v-else>
-      <img class="img_default"  :src="signInfo.market_background_img || defaultImg2"/>
-      <div class="success">签到失败!</div>
+      <div v-else>
+        <img class="img_default" :src="signInfo.market_background_img || defaultImg2" />
+        <div class="success">签到失败!</div>
+      </div>
+      <div class="overlay" @click="handleClose" @touchmove.prevent></div>
     </div>
-    <div class="overlay" @click="handleClose" @touchmove.prevent></div>
   </div>
 </template>
 <script>
@@ -19,35 +19,33 @@ export default {
   props: {
     visible: {
       type: Boolean,
-      default: false,
+      default: false
     },
     status: {
       type: Boolean,
-      default: false,
+      default: false
     },
     signInfo: {
       type: Object,
-      default: ()=>{       
-      },
-    
+      default: () => {}
     },
-    remark:{
-      type:String,
-      default:''
+    remark: {
+      type: String,
+      default: ''
     }
   },
   data() {
     return {
-      defaultImg1: "https://webapp-pub.ezijing.com/marketing/img_success.png",
-      defaultImg2: "https://webapp-pub.ezijing.com/marketing/img_fail.png",
-    };
+      defaultImg1: 'https://webapp-pub.ezijing.com/marketing/img_success.png',
+      defaultImg2: 'https://webapp-pub.ezijing.com/marketing/img_fail.png'
+    }
   },
   methods: {
     handleClose() {
-      this.$emit("update:visible", false);
-    },
-  },
-};
+      this.$emit('update:visible', false)
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .overlay {