update:页面更新

src/views/signIn/Index.vue

 <template>
   <div class="sign_content">
-    <div v-if="isShowError" class="showError">
-      <div class="text">404 很抱歉，您查看的页面找不到了！</div>
+    <div v-if="isShowError == true" class="showError">
+      <img src="https://webapp-pub.ezijing.com/marketing/detail2.png" alt="">
+      <div class="text">您访问的页面不存在。</div>
     </div>
     <div v-else>
-    <transition name="fade" >
+    <transition name="fade">
       <swiper id="swiperBox" v-bind:options="swiperOption" ref="mySwiper">
         <!-- 第一页 -->
         <swiper-slide class="swiper-slide1">
           <!-- 页面背景图 -->
-          <img :src="signInfo.background_img || ''" alt="" class="background_img">
+          <img :src="signInfo.background_img" alt="" class="background_img" v-if="signInfo.background_img !==''">
           <div class="top">
             <img :src="signInfo.market_background_img || defaultImg" alt="" />
             <div class="sign_state">
-              {{ status === true ? "签到成功" : "未签到" }}
+              {{ status === true ? "签到成功" : "签到失败" }}
             </div>
             <div class="remark">{{ signInfo.student.remark }}</div>
           </div>
@@ -75,16 +76,16 @@ export default {
   mounted() {    
     this.id = this.$route.query.id;//从链接上获取活动id
     console.log(this.id)
-    if(this.id == ''||this.id == undefined){
-      this.isShowError = true;
-      return
-    }
+    // if(this.id == ''||this.id == undefined){
+    //   this.isShowError = true;
+    //   return
+    // }
     this.getSignInDetail(); //获取页面详情
   },
   methods: {
     getSignInDetail() {
       //调用签到详情接口
-      let id = this.id;    
+      let id = this.id || "6833097708249546752";    
       signInDetail(id).then((res) => {    
         if (res.code == 0) {
           this.signInfo = res.data;//获取签到详情数据
@@ -110,7 +111,7 @@ export default {
     },
     //签到接口
     getSignIn(){
-      let id = this.id;//从链接上获取活动id
+      let id = this.id || "6833097708249546752";//从链接上获取活动id
       signIn(id).then((res)=>{
         if (res.code == 0) {
               this.status = res.data.status; //签到状态
@@ -144,16 +145,26 @@ export default {
   .showError{
   width: 100%;
   height: 100%;
+  /* position: relative; */
+  img{
+    width: 3.58rem;
+    height: 3.09rem;
+    position: absolute;
+    top: 2.84rem;
+    left: 50%;
+    transform: translate(-50%,-50%);
+  }
   .text{
-    width: 85%;
     text-align: center;
-    font-size: 24px;
     position: absolute;
-    top:50%;
+    top:6.39rem;
     left: 50%;
     transform: translate(-50%,-50%);
+    font-size: 28px;
+    font-weight: 400;
+    color: #999999;
   }
-  }
+}
   .background_img{
     width: 100%;
     height: 100%;