111

DESKTOP-CVS3R96\我恁爹

2022-11-08 e8e5e72a462bc4f3f641760e6630dad42a0a6eef

 src/page/home/home.vue

@@ -35,8 +35,11 @@
            <div class="an_left_icon">
              <img :src="Announcement" alt />
            </div>
            <div class="an_right_message">
              {{ artList.artTitle }}
            <div class="an_right_message " >
              <div class="animate">
                {{ artList.artTitle }}
              </div>
              
            </div>
          </div>
        </div>
@@ -451,8 +454,13 @@
    this.getArtList();
    this.getBanner()

    
    setInterval(() => {
      this.isGoTo = !this.isGoTo
      if(window.localStorage.getItem('USERTOKEN')){
        this.isGoTo = false;
      }else{
        this.isGoTo = !this.isGoTo
      }
    }, 10000);

    setTimeout(() => {
@@ -574,12 +582,15 @@
      }

      .an_right_message {
        width: 93%;
        width: 90%;
        height: 100%;
        display: flex;
        line-height: 0.559rem;
        align-items: center;
        align-content: center;
        font-size: 0.29rem;
        white-space: nowrap;
         overflow: hidden;
        // text-overflow:ellipsis;
      }
    }
  }
@@ -940,4 +951,63 @@
  border: 0.0513rem solid #41AC75;
  color: #41AC75;
}
.animate {

padding-left: 20px;

font-size: 12px;

color: #000;

display: inline-block;

white-space: nowrap;

animation: 10s wordsLoop linear infinite normal;

}



@keyframes wordsLoop {

0% {

    transform: translateX(100%);

    -webkit-transform: translateX(100%);

}

100% {

    transform: translateX(-100%);

    -webkit-transform: translateX(-100%);

}

}



@-webkit-keyframes wordsLoop {

0% {

    transform: translateX(100%);

    -webkit-transform: translateX(100%);

}

100% {

    transform: translateX(-100%);

    -webkit-transform: translateX(-100%);

}

}
</style>