release: v0.13.2 (#94)

【更新】v0.13.2
crrashh1542 · Jan 31, 2024 · 19a187a · 19a187a
2 parents 31c78fb + 6d0c0be
commit 19a187a
Show file tree

Hide file tree

Showing 7 changed files with 142 additions and 151 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "win-up-to-date",
-  "version": "0.13.1",
+  "version": "0.13.2",
   "description": "A website project showing the latest status of Windows Insider versions.",
   "main": "index.js",
   "repository": "https://github.com/crrashh1542/win-up-to-date",
@@ -24,17 +24,17 @@
   "devDependencies": {
     "@babel/core": "^7.23.9",
     "@babel/eslint-parser": "^7.23.9",
-    "@typescript-eslint/eslint-plugin": "^6.19.1",
-    "@typescript-eslint/parser": "^6.19.1",
+    "@typescript-eslint/eslint-plugin": "^6.20.0",
+    "@typescript-eslint/parser": "^6.20.0",
     "@vue/cli-plugin-babel": "~5.0.8",
     "@vue/cli-plugin-eslint": "~5.0.8",
     "@vue/cli-service": "~5.0.8",
     "autoprefixer": "^10.4.17",
     "compression-webpack-plugin": "^11.0.0",
     "eslint": "^8.56.0",
-    "eslint-plugin-vue": "^9.20.1",
+    "eslint-plugin-vue": "^9.21.0",
     "less": "^4.2.0",
-    "less-loader": "^12.1.0",
+    "less-loader": "^12.2.0",
     "postcss": "^8.4.33",
     "speed-measure-webpack-plugin": "^1.5.0",
     "tailwindcss": "^3.4.1",

diff --git a/src/components/Card.vue b/src/components/Card.vue
@@ -14,10 +14,58 @@ export default {
 </template>
 
 <style lang="less">
+@import url('../assets/styles/global.less');
 @import url('../assets/styles/theme.less');
 
 .card {
     line-height: 1.2;
     display: inline-block;
 }
+
+// 如果卡片是一览卡片（即 Card.overview）
+.card.overview {
+    background-color: #fff;
+    display: var(--card-block-display);
+    padding: 0 1.5em;
+
+    div {
+        width: var(--card-block-flex-width);
+
+        p {
+            font-size: var(--card-tsize);
+            line-height: 1;
+            .suffix {
+                display: var(--card-suffix-display);
+            }
+        }
+        p::before {
+            padding-right: @wu-icon-spacing;
+        }
+    }
+}
+
+// .overview 的移动端适配
+// 630px +
+@media screen and (min-width: 630px) {
+    .card {
+        --card-tsize: 1.1rem;
+        --card-block-display: flex;
+        --card-block-flex-width: 50%;
+    }
+}
+// 570px ~ 630px
+@media screen and (max-width: 630px) {
+    .card {
+        --card-tsize: 1rem;
+        --card-block-display: flex;
+        --card-block-flex-width: 100%;
+        --card-suffix-display: inline;
+    }
+}
+// 570px -
+@media screen and (max-width: 570px) {
+    .card {
+        --card-block-display: inline-block;
+    }
+}
 </style>
diff --git a/src/scripts/parseRepoInfo.js b/src/scripts/parseRepoInfo.js
@@ -18,14 +18,15 @@ const buildNum = buildInfo.build // 构建次数
 
 // 数据合并
 const pVersion = 'v' + packageVerNum + ' (build ' + buildNum + ')' // 完整版本
-const pRepo = packageRepo.split('https://github.com/')[1] // 项目名
+const pRepoName = packageRepo.split('https://github.com/')[1] // 项目名
 const pVue = 'v' + packageDeps['vue'].split('^')[1] // Vue 框架版本
 const pUI = 'v' + packageDeps['@fluentui/web-components'].split('^')[1] // 组件库版本
 
 // 导出数据
 export default [
     ['项目版本', 'icon-version' , pVersion],
-    ['项目地址', 'icon-github', packageRepo, pRepo],
+    ['项目地址', 'icon-github', packageRepo, pRepoName],
     ['Vue 框架版本', 'icon-vuejs', pVue],
-    ['Fluent UI 组件库版本', 'icon-fluent', pUI]
+    ['Fluent UI 组件库版本', 'icon-fluent', pUI],
+    ['交流群组', 'icon-qq', 'http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=4hmQNZoNwcIJ1YiSDSKKyMfuB-jrmC-N&authKey=Y3vSPFPTrJG5ygcd9e8tNdt5SM0ycnRGurSGdaoM0XJjKVKL9S58jc2YjnFmbPAs&noverify=0&group_code=672660118', '672660118']
 ]
diff --git a/src/views/DataCategoryList.vue b/src/views/DataCategoryList.vue
@@ -101,10 +101,15 @@ export default {
         </TopNav>
 
         <!-- 基本信息 -->
-        <Card class="info">
-            <div class="icon-code item">平台代号 / {{ category.codename }}</div>
-            <div class="icon-time item">开发周期 / {{ category.semester }}</div>
-            <div class="icon-tag item">版本范围 / {{ customVersionRange }}</div>
+        <Card class="overview">
+            <div>
+                <p class="icon-code">平台代号 / {{ category.codename }}</p>
+                <p class="icon-time">开发周期 / {{ category.semester }}</p>
+            </div>
+            <div>
+                <p class="icon-tag">版本范围 / {{ customVersionRange }}</p>
+                <p class="icon-compile">分类归属 / {{ category.belonging }}</p>
+            </div>
         </Card>
 
         <!-- 数据表 -->
@@ -127,23 +132,6 @@ export default {
 <style lang="less" scoped>
 @import url('../assets/styles/global.less');
 
-// 本页全局
-.item::before {
-    margin-right: @wu-icon-spacing;
-}
-
-// 信息栏
-.info {
-    font-size: var(--info-font-size);
-    padding: 6px 15px;
-
-    .item {
-        display: block;
-        line-height: 1.75;
-        width: var(--info-item-width);
-    }
-}
-
 // 数据表
 .data {
     margin: 1.5em 0;
@@ -179,17 +167,13 @@ export default {
 
 @media screen and (max-width: 650px) {
     main {
-        --info-font-size: 16px;
-        --info-item-width: 80%;
         --th-font-size: 16px;
         --td-font-size: 16px;
     }
 }
 
 @media screen and (min-width: 650px) {
     main {
-        --info-font-size: 18px;
-        --info-item-width: 33%;
         --th-font-size: 20px;
         --td-font-size: 18px
     }

diff --git a/src/views/DataDetail.vue b/src/views/DataDetail.vue
@@ -176,29 +176,6 @@ export default {
 <style lang="less" scoped>
 @import url('../assets/styles/global.less');
 
-// 一览卡片
-.card.overview {
-    background-color: #fff;
-    display: var(--card-block-display);
-    padding: 0 1.5em;
-
-    div {
-        width: var(--card-block-flex-width);
-
-        p {
-            font-size: var(--card-tsize);
-            line-height: 1;
-            .suffix {
-                display: var(--card-suffix-display);
-            }
-        }
-        p::before {
-            padding-right: .4em;
-        }
-    }
-}
-
-// 其他卡片
 .card {
     padding: 0 1em;
     background-color: rgba(255, 255, 255, .8);
@@ -209,36 +186,11 @@ export default {
     p {
         line-height: 1.4;
         word-wrap: break-word;
-        font-size: var(--card-tsize);
+        font-size: var(--card-tsize); // 取自 ../components/Card.vue
         text-overflow: ellipsis;
     }
     .placeholder > p {
         line-height: 64px; // 等效于 h-24 再减去 32px，用于垂直居中偏上
     }
 }
-
-// 移动端适配
-// 630px +
-@media screen and (min-width: 630px) {
-    .card {
-        --card-tsize: 1.1rem;
-        --card-block-display: flex;
-        --card-block-flex-width: 50%;
-    }
-}
-// 570px ~ 630px
-@media screen and (max-width: 630px) {
-    .card {
-        --card-tsize: 1rem;
-        --card-block-display: flex;
-        --card-block-flex-width: 100%;
-        --card-suffix-display: inline;
-    }
-}
-// 570px -
-@media screen and (max-width: 570px) {
-    .card {
-        --card-block-display: inline-block;
-    }
-}
 </style>
diff --git a/src/views/MainHome.vue b/src/views/MainHome.vue
@@ -69,8 +69,8 @@ export default {
             <!-- 卡片 -->
             <Card v-for="r in d.releases" :key="r.name" :class=r.style>
 
-                <!-- 如果 r.detail 存在则设置 router-link -->
-                <router-link v-if="r.detail !== undefined" :to="constructRoute(r.detail.category, r.version)">
+                <!-- 如果 r.category 存在则设置 router-link -->
+                <router-link v-if="r.category !== undefined" :to="constructRoute(r.category, r.version)">
                     <div class="info">
                         <!-- 第一行 -->
                         <div class="row">