release: v0.12.3 (#70)

crrashh1542 · Dec 30, 2023 · ed549d4 · ed549d4
2 parents ce36f16 + 7922227
commit ed549d4
Show file tree

Hide file tree

Showing 13 changed files with 102 additions and 149 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "win-up-to-date",
-  "version": "0.12.2",
+  "version": "0.12.3",
   "description": "A website project showing the latest status of Windows Insider versions.",
   "main": "index.js",
   "repository": "https://github.com/crrashh1542/win-up-to-date",
@@ -18,7 +18,7 @@
     "core-js": "^3.35.0",
     "moment": "^2.30.1",
     "normalize.css": "^8.0.1",
-    "vue": "^3.4.0",
+    "vue": "^3.4.3",
     "vue-router": "^4.2.5"
   },
   "devDependencies": {

diff --git a/src/assets/styles/color.less b/src/assets/styles/color.less
@@ -9,7 +9,7 @@
 @wu-color-theme-darker: #314a77;
 @wu-color-theme-light: #9ab7ff;
 @wu-color-theme-lighter: #e8edff;
-@wu-color-theme-bg: rgba(250, 251, 255, .8);
+@wu-color-theme-bg: rgba(247, 249, 255, .8);
 
 // 其它颜色，部分借鉴自 Material Design 设计指南
 @wu-color-amber: #ffc107;

diff --git a/src/assets/styles/global.less b/src/assets/styles/global.less
@@ -10,7 +10,7 @@
 
 // 颜色
 @import url('./color.less'); // 主题颜色
-@wu-color-nav: rgba(232, 237, 255, .8);
+@wu-color-bar: @wu-color-theme-bg;
 @wu-color-link-icon: #bbb;
 @wu-color-split-line: #e2e2e2;
 

diff --git a/src/components/Appbar.vue b/src/components/Appbar.vue
@@ -74,7 +74,7 @@ export default {
    width: 100%;
    height: @wu-layout-nav-height;
    line-height: @wu-layout-nav-height;
-   background-color: @wu-color-nav;
+   background-color: @wu-color-bar;
    padding: 0 var(--container-padding);
    border-bottom: 1px solid @wu-color-split-line;
    backdrop-filter: blur(3px);
@@ -114,7 +114,7 @@ export default {
 // 亮色
 @media screen and (prefers-color-swueme: light) {
    .appbar {
-      background-color: @wu-color-nav;
+      background-color: @wu-color-bar;
    }
 }
 

diff --git a/src/components/BottomNav.vue b/src/components/BottomNav.vue
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
@@ -19,7 +19,7 @@ export default {
 @import url('../assets/styles/adaption.less');
 
 .footer {
-    background-color: @wu-color-theme-lighter;
+    background-color: var(--footer-bg);
     border-top: 1px solid @wu-color-split-line;
     padding: .5em var(--container-padding);
     color: @wu-color-text-accent;
@@ -35,6 +35,7 @@ export default {
 /* 不同设备适配 */
 @media screen and (max-width: 650px) {
     .footer {
+        --footer-bg: @wu-color-theme-lighter;
         --footer-line-height: 1.6;
         --footer-margin: .9em 0;
         --footer-bottom-spacing: 73px;
@@ -43,6 +44,7 @@ export default {
 
 @media screen and (min-width: 650px) {
     .footer {
+        --footer-bg: @wu-color-theme-bg;
         --footer-line-height: 1.6;
         --footer-margin: .9em 0;
         --footer-bottom-spacing: 0;

diff --git a/src/components/LoadAnim.vue b/src/components/LoadAnim.vue
@@ -8,8 +8,8 @@ export default {
 </script>
 
 <template>
-    <div class="load absolute top-2/4 left-2/4 -translate-x-2/4 -translate-y-2/4">
+    <div class="load absolute top-2/4 left-2/4 -translate-x-2/4 -translate-y-2/4 w-full">
         <fluent-progress-ring class="m-auto w-16 h-16"></fluent-progress-ring>
-        <p class="text-2xl m-8">数据加载中，请稍候</p>
+        <p class="m-10 text-2xl text-center">数据加载中，请稍候</p>
     </div>
 </template>
diff --git a/src/components/Navi.vue b/src/components/Navi.vue
@@ -44,7 +44,7 @@ export default {
 
 .nav {
     display: var(--nav-display);
-    background-color: @wu-color-nav;
+    background-color: @wu-color-bar;
     backdrop-filter: blur(3px);
     border-top: 1px solid @wu-color-split-line;
     .path-active { // router 活跃状态（处于当前页时）的配置 class

diff --git a/src/router/index.js b/src/router/index.js
@@ -9,7 +9,7 @@ const router = createRouter({
         { path: '/about', component: () => import('../../src/views/MainAbout.vue') },
 
         // GROUP 2 ---- 数据页
-        { path: '/category', redirect: '/category/Germanium' }, // 临时作为类型首页
+        { path: '/category', redirect: '/category/germanium' }, // 临时作为类型首页
         { path: '/category/:platform', name: 'category', component: () => import('../../src/views/DataCategoryList.vue') },
 
         // GROUP 3 ---- 异常情况配置（404）

diff --git a/src/views/DataCategoryList.vue b/src/views/DataCategoryList.vue
@@ -71,7 +71,7 @@ export default {
 
 <template>
     <!-- 横幅 -->
-    <Banner class="z-20" :description="category.codename">
+    <Banner class="z-20" :description="category.name">
         <div class="title">版本列表</div>
     </Banner>
 
@@ -83,13 +83,13 @@ export default {
         <!-- 快速导航 -->
         <div class="nav flex font-bold">
             <span class="icon-left float-left item" v-if="category.previous != null">
-                <router-link :to="category.previous" @click="refreshData(category.previous)">
-                    {{ category.previous }}</router-link>
+                <router-link :to="category.previous.path" @click="refreshData(category.previous.path)">
+                    {{ category.previous.name }}</router-link>
             </span>
             <span class="grow"></span>
             <span class="icon-right float-right item" v-if="category.next != null">
-                <router-link :to="category.next" @click="refreshData(category.next)">
-                    {{ category.next }}</router-link>
+                <router-link :to="category.next.path" @click="refreshData(category.next.path)">
+                    {{ category.next.name }}</router-link>
             </span>
         </div>
 

diff --git a/src/views/MainAbout.vue b/src/views/MainAbout.vue
@@ -66,6 +66,9 @@ export default {
 
 <style lang="less" scoped>
 @import url('../assets/styles/global.less');
+.card {
+    padding: var(--about-card-padding);
+}
 
 li {
     list-style: circle;
@@ -75,7 +78,7 @@ li {
 // 桌面端
 @media screen and (min-width: 800px) {
     .card {
-        padding: 10px 1.5em;
+        --about-card-padding: 10px 1.5em;
 
         .item::before {
             margin-right: .5em;
@@ -87,7 +90,7 @@ li {
 // 移动端
 @media screen and (max-width: 800px) {
     .card {
-        padding: 7px .75em;
+        --about-card-padding: 9px .8em;
 
         .item::before {
             margin-right: .25em;

diff --git a/src/views/NotFound.vue b/src/views/NotFound.vue
@@ -1,12 +1,25 @@
 <script>
+import { provideFluentDesignSystem, fluentButton } from "@fluentui/web-components"
+provideFluentDesignSystem().register(fluentButton())
+
 export default {
-    name: 'OtherNotFound'
+    name: 'OtherNotFound',
+    methods: {
+        routerToHome() {
+            this.$router.push('/')
+        }
+    }
 }
 </script>
 
 <template>
-    <div class="absolute top-2/4 left-2/4 -translate-x-2/4 -translate-y-2/4">
+    <div class="absolute top-2/4 left-2/4 -translate-x-2/4 -translate-y-2/4 w-full text-center">
         <h1 class="text-4xl font-bold">404 NOT Found</h1>
         <p class="text-xl">前面的区域，以后再来探索吧！</p>
+        <router-link to="/">
+            <fluent-button class="text-lg">
+                <span>回到主页</span>
+            </fluent-button>
+        </router-link>
     </div>
-</template>
+</template>