部分按钮的呼吸灯效果优化

src/App.vue

@@ -124,6 +124,25 @@ input, textarea {
   }
 }
 
+// 不断渐变显隐，显示时间较长 animation
+.animation-show-long-hide {
+  animation: show-long-hide 2.5s infinite;
+}
+@keyframes show-long-hide {
+  0% {
+    opacity: 0;
+  }
+  35% {
+    opacity: 1;
+  }
+  65% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
 // // vue-viewer
 .viewer-backdrop {
   background-color: rgba(0, 0, 0, 90%) !important;

src/views/MoreContent.vue

@@ -134,7 +134,7 @@
           class="shuang-gou-she-se-group"
         >
           <button
-            class="watch-detail animation-show-hide"
+            class="watch-detail animation-show-long-hide"
             @click="onClickShuangGouEntry"
           >
             查看详情
@@ -160,19 +160,19 @@
         >
           <div class="button-group">
             <button
-              class="poem animation-show-hide"
+              class="poem animation-show-long-hide"
               @click="onClickEntryAtMoZhu('PoemList')"
             >
               人文
             </button>
             <button
-              class="animation-show-hide"
+              class="animation-show-long-hide"
               @click="onClickEntryAtMoZhu('PaintingList')"
             >
               画作
             </button>
             <button
-              class="animation-show-hide"
+              class="animation-show-long-hide"
               @click="onClickEntryAtMoZhu('BambooBook')"
             >
               竹谱