From ae1f34cd37c200ff82cfac60a65745d12e65d41c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=80=E7=BA=B8=E5=BF=98=E5=BF=A7?= <i@ikxin.com>
Date: Thu, 10 Aug 2023 09:40:15 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=9B=B4=E6=96=B0=E4=BE=A7=E8=BE=B9?=
 =?UTF-8?q?=E6=A0=8F=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/office.svg         |  6 +++
 src/assets/icons/software.svg       | 14 ++++++
 src/assets/icons/system.svg         | 66 +++++++++++++++++++++++++++++
 src/assets/icons/windows-server.svg |  6 +++
 src/assets/icons/windows.svg        |  6 +++
 src/views/activation.vue            | 10 ++---
 6 files changed, 103 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/icons/office.svg
 create mode 100644 src/assets/icons/software.svg
 create mode 100644 src/assets/icons/system.svg
 create mode 100644 src/assets/icons/windows-server.svg
 create mode 100644 src/assets/icons/windows.svg

diff --git a/src/assets/icons/office.svg b/src/assets/icons/office.svg
new file mode 100644
index 00000000..5a3b6200
--- /dev/null
+++ b/src/assets/icons/office.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M939.083946 938.666155l-0.089088-0.049152V87.941968L634.21006 0 86.292307 205.734501l-1.376253 0.267263 0.067584 615.096114 186.976906-73.177966V247.464465l362.249516-86.608723-0.052224 735.800897L85.290837 821.097878l548.866999 202.677866v0.224256l304.837022-84.363095v-0.97075z"
+    fill="#EA3E23"
+  ></path>
+</svg>
diff --git a/src/assets/icons/software.svg b/src/assets/icons/software.svg
new file mode 100644
index 00000000..04a46ff3
--- /dev/null
+++ b/src/assets/icons/software.svg
@@ -0,0 +1,14 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M788.3136119 1013.07303189H237.09113447C111.92823249 1013.07303189 10.50554424 911.65034362 10.50554424 786.48744161V235.2649642c0-125.16290198 101.42268825-226.58559024 226.58559023-226.58559025h551.22247743C913.47651389 8.67937395 1014.89920214 110.1020622 1014.89920214 235.2649642v551.22247741c0 125.16290198-101.42268825 226.58559024-226.58559024 226.58559028z"
+    fill="#009CF5"
+  ></path>
+  <path
+    d="M531.52597462 593.756239h-110.27259043l83.02051076-143.28413022 8.42847824-14.60936231 56.89222816-97.77034767 10.95702173-19.10455069 23.59973911-40.45669558c10.39512317-17.69980432 10.67607246-40.4566956-1.12379712-57.17317746-10.1141739-14.32841303-24.58306155-20.08787316-38.91147456-20.08787315-16.8569565 0-33.29248906 8.70942752-42.56381515 24.44258691l-8.42847826 14.89031158-8.70942752-14.89031158c-9.27132608-15.7331594-25.84733329-24.44258691-42.56381515-24.44258691-8.42847825 0-16.8569565 1.96664492-24.7235362 6.46183331-23.31878983 13.48556519-31.32584414 43.68761226-17.69980433 67.00640208l36.66388039 63.35406149-148.34121718 255.94478949H211.38427582c-29.49967387 0.28094928-53.09941297 26.40923185-48.46374995 57.17317745 3.65234059 24.16163763 26.26875721 41.01859413 50.71134413 41.01859414h37.22577895l113.50350707-0.28094927H590.94674625c4.21423911 0 8.42847825-1.82617031 10.95702173-5.1975616 12.92366662-17.27838042 22.47594201-44.10903616-9.13085142-71.78253973-16.71648186-14.74983693-39.05194921-21.21167023-61.24694194-21.21167028z"
+    fill="#FFFFFF"
+  ></path>
+  <path
+    d="M811.91335101 593.47528973h-94.39895639l-126.28669909-217.87616272c-2.24759422-3.79281521-7.30468114-5.05708695-10.81654708-2.52854346-17.69980432 12.78319201-28.09492751 30.62347095-33.43296371 50.2899202-8.99037681 33.15201443-1.54522102 68.69209772 15.59268476 98.47272089l27.11160503 47.05900354 14.32841301 25.00448545 56.89222819 98.05129698 5.89993479 9.8332246 54.64463394 94.39895637c9.27132608 15.7331594 25.56638403 24.44258691 42.2828659 24.44258696 8.42847825 0 17.13790576-2.24759422 25.00448544-6.74278264 23.31878983-13.48556519 31.32584414-43.40666296 17.69980434-67.00640204l-31.8877427-55.20653254h39.75432238c29.49967387 0 52.95893833-26.69018111 48.18280067-57.45412672-3.93328986-24.02116302-26.26875721-40.73764486-50.57086948-40.73764487zM300.86661988 704.7312026c-17.27838042-7.02373185-33.57343836-6.18088405-46.63757961-2.52854347-7.16420652 1.96664492-13.06414129 6.88325723-16.71648188 13.20461593l-18.26170287 31.18536952c-13.76651447 23.59973909-5.61898549 53.52083689 17.69980432 67.00640206 7.8665797 4.49518839 16.57600721 6.74278258 25.00448546 6.7427826 16.8569565 0 33.01153979-8.70942752 42.0019166-24.44258694l20.79024634-35.82103254c5.05708695-8.84990215 6.04040943-19.52597462 2.24759422-28.9377753-4.21423911-10.53559782-12.08081882-20.64977171-26.12828258-26.40923186z"
+    fill="#FFFFFF"
+  ></path>
+</svg>
diff --git a/src/assets/icons/system.svg b/src/assets/icons/system.svg
new file mode 100644
index 00000000..2b5b4eb8
--- /dev/null
+++ b/src/assets/icons/system.svg
@@ -0,0 +1,66 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M965.652051 1023.964001H58.347949a25.04312 25.04312 0 0 1-25.04312-25.043119v-248.495264a25.04312 25.04312 0 0 1 25.04312-25.04712h907.304102a25.04312 25.04312 0 0 1 25.04312 25.04712v248.495264a25.04312 25.04312 0 0 1-25.04312 25.043119z"
+    fill="#7A8C98"
+  ></path>
+  <path
+    d="M564.782144 918.979692H142.268998c-24.46714 0-44.302442-19.839303-44.302442-44.306442s19.835303-44.306442 44.302442-44.306443h422.513146c24.46714 0 44.306442 19.839303 44.306443 44.306443 0 24.47114-19.839303 44.306442-44.306443 44.306442z"
+    fill="#9FACBA"
+  ></path>
+  <path
+    d="M753.763501 949.798609a34.558785 34.558785 0 0 1-34.558786-34.558785v-81.133148a34.558785 34.558785 0 1 1 69.117571 0v81.137147a34.558785 34.558785 0 0 1-34.558785 34.558786z"
+    fill="#FFD15B"
+  ></path>
+  <path
+    d="M965.652051 662.688702H58.347949a25.04312 25.04312 0 0 1-25.04312-25.043119V389.150319a25.04312 25.04312 0 0 1 25.04312-25.04312h907.304102a25.04312 25.04312 0 0 1 25.04312 25.04312v248.495264a25.04312 25.04312 0 0 1-25.04312 25.043119z"
+    fill="#7A8C98"
+  ></path>
+  <path
+    d="M564.782144 557.704393H142.268998c-24.46714 0-44.302442-19.839303-44.302442-44.306442 0-24.47114 19.835303-44.306442 44.302442-44.306442h422.513146c24.46714 0 44.306442 19.839303 44.306443 44.306442s-19.839303 44.306442-44.306443 44.306442z"
+    fill="#9FACBA"
+  ></path>
+  <path
+    d="M753.763501 588.52731a34.558785 34.558785 0 0 1-34.558786-34.558785v-81.137148a34.558785 34.558785 0 1 1 69.117571 0v81.133148a34.558785 34.558785 0 0 1-34.558785 34.558785z"
+    fill="#60B7FF"
+  ></path>
+  <path
+    d="M965.652051 298.581503H58.347949a25.04312 25.04312 0 0 1-25.04312-25.04312V25.04312A25.04312 25.04312 0 0 1 58.347949 0h907.304102a25.04312 25.04312 0 0 1 25.04312 25.04312v248.499263a25.04312 25.04312 0 0 1-25.04312 25.03912z"
+    fill="#7A8C98"
+  ></path>
+  <path
+    d="M564.782144 193.597194H142.268998c-24.46714 0-44.302442-19.839303-44.302442-44.306443s19.835303-44.306442 44.302442-44.306442h422.513146c24.46714 0 44.306442 19.839303 44.306443 44.306442s-19.839303 44.306442-44.306443 44.306443z"
+    fill="#9FACBA"
+  ></path>
+  <path
+    d="M753.763501 224.41611a34.558785 34.558785 0 0 1-34.558786-34.558785V108.728178a34.558785 34.558785 0 1 1 69.117571 0v81.137147a34.558785 34.558785 0 0 1-34.558785 34.558785z"
+    fill="#60B7FF"
+  ></path>
+  <path
+    d="M965.652051 725.382498h-79.369209a25.03912 25.03912 0 0 1 25.043119 25.04312v248.495264a25.04312 25.04312 0 0 1-25.03912 25.043119h79.36521a25.03912 25.03912 0 0 0 25.04312-25.039119v-248.499264a25.04312 25.04312 0 0 0-25.04312-25.04312zM965.652051 364.107199h-79.369209a25.03912 25.03912 0 0 1 25.043119 25.04312v248.495264a25.04312 25.04312 0 0 1-25.03912 25.047119h79.36521a25.03912 25.03912 0 0 0 25.04312-25.047119V389.150319a25.04312 25.04312 0 0 0-25.04312-25.04312zM965.652051 0h-79.369209a25.03912 25.03912 0 0 1 25.043119 25.04312v248.499263a25.03912 25.03912 0 0 1-25.03912 25.03912h79.36521a25.03912 25.03912 0 0 0 25.04312-25.03912V25.03912A25.04312 25.04312 0 0 0 965.652051 0z"
+    fill="#596C76"
+  ></path>
+  <path
+    d="M891.478659 74.161393c-0.719975 0-1.41995 0.067998-2.123925 0.107996-18.095364 1.103961-32.43886 16.083435-32.43886 34.454789v81.137147c0 18.367354 14.347496 33.346828 32.43886 34.450789 0.703975 0.043998 1.403951 0.107996 2.119925 0.107996a34.558785 34.558785 0 0 0 34.558785-34.558785V108.724178a34.558785 34.558785 0 0 0-34.558785-34.558785z"
+    fill="#FFD15B"
+  ></path>
+  <path
+    d="M911.325961 80.461171v137.659161a34.494787 34.494787 0 0 0 14.707483-28.263007V108.724178a34.486788 34.486788 0 0 0-14.707483-28.263007z"
+    fill="#FFC344"
+  ></path>
+  <path
+    d="M891.478659 438.272592c-0.719975 0-1.41995 0.063998-2.123925 0.103996-18.095364 1.103961-32.43886 16.087434-32.43886 34.454789v81.133148c0 18.371354 14.347496 33.350828 32.43886 34.454788 0.703975 0.039999 1.403951 0.107996 2.119925 0.107997a34.558785 34.558785 0 0 0 34.558785-34.558785v-81.137148a34.558785 34.558785 0 0 0-34.558785-34.558785z"
+    fill="#FE646F"
+  ></path>
+  <path
+    d="M911.325961 444.568371v137.65916a34.494787 34.494787 0 0 0 14.707483-28.263006v-81.137148a34.486788 34.486788 0 0 0-14.707483-28.259006z"
+    fill="#FD4755"
+  ></path>
+  <path
+    d="M891.478659 799.543891c-0.719975 0-1.41995 0.067998-2.123925 0.111996-18.095364 1.099961-32.43886 16.079435-32.43886 34.450789v81.137147c0 18.367354 14.347496 33.346828 32.43886 34.450789 0.703975 0.039999 1.403951 0.107996 2.119925 0.107997a34.558785 34.558785 0 0 0 34.558785-34.558786v-81.133147a34.558785 34.558785 0 0 0-34.558785-34.566785z"
+    fill="#60B7FF"
+  ></path>
+  <path
+    d="M911.325961 805.84367v137.65916a34.494787 34.494787 0 0 0 14.707483-28.263006v-81.137148a34.486788 34.486788 0 0 0-14.707483-28.259006z"
+    fill="#26A6FE"
+  ></path>
+</svg>
diff --git a/src/assets/icons/windows-server.svg b/src/assets/icons/windows-server.svg
new file mode 100644
index 00000000..7afcbac4
--- /dev/null
+++ b/src/assets/icons/windows-server.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M0 147.137422l416.039822-57.503289v403.205689H0" fill="#00B6F8"></path>
+  <path d="M467.126044 83.217067L1024 0v486.4H467.126044" fill="#18C2F0"></path>
+  <path d="M0 537.6h416.039822v403.182933L0 883.165867" fill="#0854A6"></path>
+  <path d="M467.126044 537.6H1024V1024l-550.456889-76.777244" fill="#288ECD"></path>
+</svg>
diff --git a/src/assets/icons/windows.svg b/src/assets/icons/windows.svg
new file mode 100644
index 00000000..eb5e8dd8
--- /dev/null
+++ b/src/assets/icons/windows.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M485.052 80.842L1024 0v479.664H485.052z" fill="#90C300"></path>
+  <path d="M0 150.906l413.192-61.082v395.228H0z" fill="#F8672C"></path>
+  <path d="M485.052 943.158L1024 1024V556.912H485.052z" fill="#FFC400"></path>
+  <path d="M0 873.094l413.192 61.082V556.912H0z" fill="#00B4F2"></path>
+</svg>
diff --git a/src/views/activation.vue b/src/views/activation.vue
index 146e9335..519cb795 100644
--- a/src/views/activation.vue
+++ b/src/views/activation.vue
@@ -20,14 +20,14 @@ const selectedKeys = ref(pathName)
         <template #expand-icon-down>
           <i class="i-mdi:chevron-down inline-block" />
         </template>
-        <template #icon><i class="i-mdi:server" /></template>
+        <template #icon><i class="i-icons:system text-base" /></template>
         <template #title>{{ t('activate.sider.system') }}</template>
         <AMenuItem key="windows" @click="router.push({ path: '/activation/windows' })">
-          <template #icon><i class="i-mdi:microsoft-windows" /></template>
+          <template #icon><i class="i-icons:windows" /></template>
           <span>Windows</span>
         </AMenuItem>
         <AMenuItem key="windows-server" @click="router.push({ path: '/activation/windows-server' })">
-          <template #icon><i class="i-mdi:microsoft-windows" /></template>
+          <template #icon><i class="i-icons:windows-server" /></template>
           <span>Windows Server</span>
         </AMenuItem>
       </ASubMenu>
@@ -35,10 +35,10 @@ const selectedKeys = ref(pathName)
         <template #expand-icon-down>
           <i class="i-mdi:chevron-down inline-block" />
         </template>
-        <template #icon><i class="i-mdi:application-brackets" /></template>
+        <template #icon><i class="i-icons:software text-base" /></template>
         <template #title>{{ t('activate.sider.software') }}</template>
         <AMenuItem key="office" @click="router.push({ path: '/activation/office' })">
-          <template #icon><i class="i-mdi:microsoft-office" /></template>
+          <template #icon><i class="i-icons:office" /></template>
           <span>Office</span>
         </AMenuItem>
       </ASubMenu>