deploy

.vitepress/theme/components/Activity.vue

@@ -111,21 +111,4 @@ onMounted(() => {
 html.mirror-site-menu-fixed {
   --vp-layout-top-height: 40px;
 }
-html.mirror-site-menu-fixed .VPNav,
-html.mirror-site-menu-fixed .VPSidebar {
-  top: 40px;
-}
-html.mirror-site-menu-fixed {
-  scroll-padding-top: 104px;
-  overflow: auto;
-}
-html.mirror-site-menu-fixed {
-  margin-top: 42px;
-}
-@media (max-width: 960px) {
-  html.mirror-site-menu-fixed .VPNav,
-  html.mirror-site-menu-fixed .VPSidebar {
-    top: 0;
-  }
-}
 </style>

.vitepress/theme/components/ActivityCountdown.vue

@@ -3,13 +3,13 @@ import { onMounted, ref } from 'vue'
 
 const isVisible = ref(false)
 
-const start = new Date('2024/5/1').getTime()
-const deadline = new Date('2024/5/6').getTime()
+const start = new Date('2024/10/17').getTime()
+const deadline = new Date('2024/11/18').getTime()
 const text = ref('')
 const countdownInterval = ref()
 
 function clickBanner() {
-  location.href = '/buy.html'
+  location.href = '/buy-4yr'
 }
 
 function closeBanner() {
@@ -32,7 +32,7 @@ onMounted(() => {
         const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
         const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60))
         const seconds = Math.floor((distance % (1000 * 60)) / 1000)
-        text.value = `专业版限时优惠，购买立返 100 元，点击购买<i style="margin-left: 20px; font-size: 0.75em;">距离活动结束还有 ${days} 天 ${hours} 小时 ${minutes} 分钟 ${seconds} 秒</i>`
+        text.value = `Fantastic-admin 四周年庆，全年最低价，点击查看<i style="margin-left: 20px; font-size: 0.75em;">距离活动结束还有 ${days} 天 ${hours} 小时 ${minutes} 分钟 ${seconds} 秒</i>`
       }
     }, 1000)
     document.documentElement.classList.add('mirror-site-menu-fixed')
@@ -62,7 +62,7 @@ onMounted(() => {
   width: 100%;
   height: 100%;
   max-height: 40px;
-  background: linear-gradient(45deg, #0a2b4e, #835ec2);
+  background: #131A24;
   overflow: hidden;
   margin: 0;
   transition: background-size 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
@@ -88,7 +88,7 @@ onMounted(() => {
   font-size: 18px;
   letter-spacing: 2px;
   text-align: center;
-  background: linear-gradient(145deg, #c3ffac, #86ec87);
+  background: linear-gradient(145deg, #FFB800, #FF1A7A);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -128,21 +128,4 @@ onMounted(() => {
 html.mirror-site-menu-fixed {
   --vp-layout-top-height: 40px;
 }
-html.mirror-site-menu-fixed .VPNav,
-html.mirror-site-menu-fixed .VPSidebar {
-  top: 40px;
-}
-html.mirror-site-menu-fixed {
-  scroll-padding-top: 104px;
-  overflow: auto;
-}
-html.mirror-site-menu-fixed {
-  margin-top: 42px;
-}
-@media (max-width: 960px) {
-  html.mirror-site-menu-fixed .VPNav,
-  html.mirror-site-menu-fixed .VPSidebar {
-    top: 0;
-  }
-}
 </style>

.vitepress/theme/index.ts

@@ -2,20 +2,20 @@ import mediumZoom from 'medium-zoom'
 import { useRoute } from 'vitepress'
 import Theme, { VPBadge } from 'vitepress/theme'
 import { h, nextTick, onMounted, watch } from 'vue'
-import Activity from './components/Activity.vue'
+// import Activity from './components/Activity.vue'
+import ActivityCountdown from './components/ActivityCountdown.vue'
 import CustomerEvaluate from './components/CustomerEvaluate.vue'
 import HomePreview from './components/HomePreview.vue'
-import './fonts/fira_code/fira_code.css'
-import './styles/var.css'
-// import ActivityCountdown from './components/ActivityCountdown.vue'
 import SponsorsAside from './components/SponsorsAside.vue'
 import ZoomImg from './components/ZoomImg.vue'
+import './fonts/fira_code/fira_code.css'
+import './styles/var.css'
 
 export default {
   ...Theme,
   Layout() {
     return h(Theme.Layout, null, {
-      'layout-top': () => h(Activity),
+      'layout-top': () => h(ActivityCountdown),
       'home-features-after': () => h(HomePreview),
       'aside-bottom': () => h(SponsorsAside),
     })

buy-4yr.md

@@ -0,0 +1 @@
+![](public/buy-4yr.png)