fix:代码优化

src/views/signIn/Index.vue

@@ -4,6 +4,7 @@
       <swiper id="swiperBox" v-bind:options="swiperOption" ref="mySwiper">
         <!-- 第一页 -->
         <swiper-slide class="swiper-slide1">
+          <img :src="signInfo.background_img" alt="" class="background_img">
           <div class="top">
             <img :src="signInfo.market_background_img || defaultImg" alt="" />
             <div class="sign_state">
@@ -13,7 +14,7 @@
           </div>
           <div class="bottom" v-if="signInfo.market_other_img !== ''">
             <img :src="detail_icon" alt="" />
-            <div class="detail_text">查看详情</div>
+            <!-- <div class="detail_text">查看详情</div> -->
           </div>
         </swiper-slide>
         <!-- 第二页 -->
@@ -52,6 +53,7 @@ export default {
       status: false, //签到状态
       defaultImg: "https://webapp-pub.ezijing.com/marketing/signIn_img.png", //默认签到背景图
       detail_icon: "https://webapp-pub.ezijing.com/marketing/detail_img.png", //查看详情图标
+      // background_img:'https://img0.baidu.com/it/u=1437590121,298950426&fm=15&fmt=auto&gp=0.jpg'
     };
   },
   computed: {
@@ -64,23 +66,24 @@ export default {
   },
   mounted() {   
     this.getSignInDetail(); //获取页面详情    
-    
   },
   methods: {
     getSignInDetail() {
-      let id = this.$route.query.id;
+      // let id = this.$route.query.id;//从链接上获取活动id
+      let id = "6833097708249546752";
+      console.log(id);
       signInDetail(id).then((res) => {
         //调用签到详情接口
         if (res.code == 0) {
           this.signInfo = res.data;//获取签到详情数据
           let time = new Date().getTime();
-          this.signInfo.sign_start_time = new Date(this.signInfo.sign_start_time).getTime();
-          this.signInfo.sign_end_time = new Date(this.signInfo.sign_end_time).getTime();
-          if(time - this.signInfo.sign_end_time  >= 0){
+          let sign_start_time = new Date(this.signInfo.sign_start_time).getTime();
+          let sign_end_time = new Date(this.signInfo.sign_end_time).getTime();
+          if(time - sign_end_time  >= 0){
             this.$message.error(`该活动签到时间已于${this.signInfo.sign_end_time}结束`)
-          }else if(time - this.signInfo.sign_start_time  < 0){
+          }else if(time - sign_start_time  < 0){
             this.$message.error(`该活动尚未到开始签到时间,  请于${this.signInfo.sign_start_time}之后签到`);
-          }else if((time - this.signInfo.sign_start_time  > 0 && time - this.signInfo.sign_end_time  < 0) ||time - this.sign_start_time  == 0){
+          }else if((time - sign_start_time  > 0 && time - sign_end_time  < 0) ||time - sign_start_time  == 0){
             signIn(id).then((res) => {
             //调用签到接口
             if (res.code == 0) {
@@ -93,14 +96,12 @@ export default {
             } 
           });
           }   
-          
         } 
       });
     }
   },
 };
 </script>
-
 <style lang="scss" scoped>
 .fade-enter-active,
 .fade-leave-active {
@@ -116,20 +117,24 @@ export default {
   background-color: #f2f2f2;
   overflow: -Scroll;
   overflow-y: hidden;
+  .background_img{
+    width: 100%;
+    height: 100%;
+  }
   .top {
     width: 6.89rem;
-    height: 10.52rem;
+    height: 7.76rem;
     background-color: #fff;
     border-radius: 20px;
     position: absolute;
-    margin-top: 0.38rem;
+    top: 2.22rem;
     left: 50%;
     transform: translateX(-50%);
     text-align: center;
     img {
       width: 4.59rem;
       height: 1.81rem;
-      margin-top: 1.99rem;
+      margin-top: .70rem;
     }
     .sign_state {
       margin: auto;
@@ -137,30 +142,30 @@ export default {
       font-weight: bold;
       color: #333333;
       margin-bottom: 0.96rem;
+      margin-top: .99rem;
     }
     .remark {
       margin: auto;
       font-size: 0.28rem;
       font-weight: 400;
       color: #666666;
-      margin-bottom: 2.39rem;
+      margin-bottom: .92rem;
     }
   }
+
+@keyframes movepoint{from{bottom:1.2rem}to{bottom:1.44rem}}
   .bottom {
-    position: absolute;
+    position: fixed;
     left: 50%;
+    bottom:1.44rem;
     transform: translateX(-50%);
-    text-align: center;
-    margin-top: 10.63rem;
+    animation: movepoint 2s infinite;
+  -webkit-animation: movepoint 2s infinite;
     img {
       width: 0.48rem;
       height: 0.34rem;
-    }
-    .detail_text {
-      font-size: 0.24rem;
-      font-weight: 400;
-      color: #666666;
-      margin: auto;
+      line-height: 100%;
+      display: inline-block;
     }
   }
   .detailPage {