feat: up

src/assets/master.css

@@ -268,6 +268,7 @@
   font-size: 25px;
   font-weight: 800;
   margin-left: 60px;
+  margin-top: 4px;
   color: #ea9518;
   top: -5px;
 }

src/assets/sumarry.css

@@ -129,6 +129,7 @@
   letter-spacing: 0;
   font-size: 0.55rem;
 }
+.days-num,
 .achiv-num,
 .rating {
   width: 50%;
@@ -147,6 +148,12 @@
     margin-left: 0.2rem;
   }
 }
+.days-num {
+  span {
+    color: #4ba6e4;
+    margin-right: 6px;
+  }
+}
 
 .contests {
   width: 100%;
@@ -179,7 +186,6 @@
 .heading-secondary,
 .heading-tertiary {
   color: #000;
-  text-transform: capitalize;
   font-weight: 700 !important;
   font-size: 0.6rem;
   margin-bottom: 0.4rem;

src/components/AchivementStar.vue

@@ -167,11 +167,11 @@ onMounted(() => {
 @import url("../assets/achivestar.css");
 
 .gun {
-  animation: gundong 15s infinite linear;
+  animation: gundong 30s infinite linear;
 }
 
 .gun2 {
-  animation: gundong2 15s infinite linear;
+  animation: gundong2 30s infinite linear;
 }
 
 @keyframes gundong {

src/components/Last.vue

@@ -2,7 +2,7 @@
   <section v-if="generate">
     <div class="font2">
       <span class="font2-txt">时至今日，</span>
-      <span class="font2-txt">我们的旅程已经开始了{{ days }}天。</span>
+      <span class="font2-txt">我们的旅程已经开始了 {{ days }} 天。</span>
       <span class="font2-txt">看似一眨眼的时间，</span>
       <span class="font2-txt">却承载了我们无可忘却的珍重回忆。</span>
       <span class="font2-txt">以这份回忆的重量所编织的纽带，</span>
@@ -110,7 +110,7 @@
                 <p v-if="percent > 0" class="percent">Top {{ percentVal }}%</p>
               </div>
               <div class="ac-num">
-                <div class="rating" v-if="showRating">
+                <div class="rating" v-if="false && showRating">
                   Rating
                   <span
                     class="rating-color"
@@ -140,6 +140,10 @@
                 <div class="achiv-num">
                   总成就数 <span>{{ userAchieve }}</span>
                 </div>
+
+                <div class="days-num">
+                  同行&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>{{ days }}</span> 天
+                </div>
               </div>
               <div class="contests" v-if="haveContest">
                 <li
@@ -234,7 +238,7 @@ onMounted(() => {
                 entry.target.classList.add("charsanim");
                 const title = document.querySelector(".title");
                 title.classList.remove("fontactive");
-              }, 31000);
+              }, 26000);
             } else {
               entry.target.classList.remove("charsanim");
             }
@@ -249,7 +253,7 @@ onMounted(() => {
             if (entry.isIntersecting) {
               setTimeout(() => {
                 entry.target.classList.add("font1anim");
-              }, 31000);
+              }, 26000);
             } else {
               entry.target.classList.remove("font1anim");
             }
@@ -275,13 +279,13 @@ onMounted(() => {
               });
               setTimeout(() => {
                 entry.target.classList.add("remove");
-              }, 30000);
+              }, 25000);
               setTimeout(() => {
                 const sdutoj = document.querySelector(".sdutoj");
                 sdutoj.classList.add("sdutojanim");
                 const btn = document.querySelector(".btn");
                 btn.classList.add("sdutojanim");
-              }, 31000);
+              }, 26000);
             }
           });
         },
@@ -294,7 +298,7 @@ onMounted(() => {
             if (entry.isIntersecting) {
               setTimeout(() => {
                 entry.target.classList.add("btm-logo");
-              }, 31000);
+              }, 26000);
             } else {
               entry.target.classList.remove("btm-logo");
             }

src/components/Master.vue

@@ -3,6 +3,9 @@
     <div class="master">
       <div class="mstxt">
         <div class="mstxt1">纵观整个OJ</div>
+        <!-- <div class="mstxt5">在所有成就中，最稀有的成就是<span>{{ title }}</span></div>
+        <div class="mstxt6">仅有<span>{{ rareNum }}</span>人达成</div> -->
+
         <div class="mstxt2">
           <span>最强成就大师</span><img
             :src="`https://cdn.sdutacm.cn/oj/image/avatars/${masterAvatar}`"
@@ -12,8 +15,6 @@
         </div>
         <div class="mstxt3">已经达成了<span>{{ masterNum }}</span>项成就</div>
         <div class="mstxt4">距离<span>{{ globalAchiveNum }}</span>项全成就仅有一步之遥</div>
-        <div class="mstxt5">在所有成就中，最稀有的成就是<span>{{ title }}</span></div>
-        <div class="mstxt6">仅有<span>{{ rareNum }}</span>人达成</div>
       </div>
       <div class="cards">
         <div class="outlinePage">
@@ -198,7 +199,8 @@ onMounted(() => {
     { threshold: 0.5 }
   );
   const mstxt1s = document.querySelectorAll(
-    ".mstxt1, .mstxt2, .mstxt3, .mstxt4, .mstxt5, .mstxt6, .cards"
+    // ".mstxt1, .mstxt5, .mstxt6, .mstxt2, .mstxt3, .mstxt4, .cards"
+    ".mstxt1, .mstxt2, .mstxt3, .mstxt4, .cards"
   );
   mstxt1s.forEach((mstxt1) => ms1anim.observe(mstxt1));
 });