From e8e5e72a462bc4f3f641760e6630dad42a0a6eef Mon Sep 17 00:00:00 2001
From: DESKTOP-CVS3R96\我恁爹 <11>
Date: Tue, 08 Nov 2022 03:18:56 +0800
Subject: [PATCH] 111
---
src/page/home/home.vue | 80 +++++++++++++++++++++++++++++++++++++--
1 files changed, 75 insertions(+), 5 deletions(-)
diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index 5d00d0b..add45d9 100644
--- a/src/page/home/home.vue
+++ b/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>
--
Gitblit v1.9.3