diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index c870ccb..b94318c 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -109,9 +109,9 @@
{{item.groupName}}
-
{{ item.allEnter }}
+
{{ item.allEnter }}
{{
+ :class="[{ pcrate2: parseInt(item.proportion) >= 80 && parseInt(item.proportion) < 90 }, { pcrate3: parseInt(item.proportion) >= 90 },'pcani']">{{
item.proportion }}
@@ -1091,6 +1091,34 @@ export default {
margin-left: 2rem;
}
+/** 数据动态绑定后持续动画效果 */
+.pcgrs .pcg_item .pcani{
+ /* 动画效果 */
+ -webkit-animation: ani_txt 8s infinite linear;
+ animation: ani_txt 8s infinite linear;
+}
+
+@keyframes ani_txt {
+ 0%{
+ text-shadow: 0 0 0 30px #fff;
+ }
+ 40%{
+ color:rgba(255, 255, 255, 0);
+ text-shadow: 0 0 0 30px #fff;
+ }
+ 70%{
+ color:rgba(255, 255, 255, 0.4);
+ text-shadow: 0 0 0 10px #fff;
+ }
+ 90%{
+ color:rgba(255, 255, 255, 0.5);
+ text-shadow: 0 0 0 30px #fff;
+ }
+ 100%{
+ text-shadow: 0 0 0 40px #fff;
+ }
+}
+
/* .pcgrs .pcg_item:nth-child(6) .pcval {
font-size: 1.086rem;
margin-top: 3.5rem;