From 25831490433a3778f5b87b31a1baba32c8429a0e Mon Sep 17 00:00:00 2001
From: whyczyk <525500596@qq.com>
Date: 星期二, 27 七月 2021 12:00:20 +0800
Subject: [PATCH] 首页轮播图功能添加
---
src/components/PageHeader.vue | 11 +++++++----
1 files changed, 7 insertions(+), 4 deletions(-)
diff --git a/src/components/PageHeader.vue b/src/components/PageHeader.vue
index 452ca4b..f3bfc6c 100644
--- a/src/components/PageHeader.vue
+++ b/src/components/PageHeader.vue
@@ -3,7 +3,7 @@
<div class="headTitle">FMDS | 鐢垫満璇曢獙闆嗕腑娴嬫帶骞冲彴</div>
<div class="headInfoCon">
<div class="info">缃戠粶鐘舵��:姝ｅ父</div>
- <div class="scrollCon"><span v-html="notice"></span></div>
+ <div class="scrollCon"><span class="active" v-html="notice"></span></div>
</div>
<div class="headToolsCon">
<div class="avatar">
@@ -135,11 +135,14 @@
display: block;
margin-left: 100%;
width: 290px;
- animation: myMove 8s linear infinite;
- animation-fill-mode: forwards;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
+ }
+
+ .headInfoCon .scrollCon>span.active {
+ animation: myMove 6s linear 1;
+ animation-fill-mode: forwards;
}
/*鏂囧瓧鏃犵紳婊氬姩*/
@@ -149,7 +152,7 @@
}
100% {
- transform: translateX(-580px);
+ transform: translateX(-290px);
}
}
--
Gitblit v1.9.1