style: 调整图标样式

ikxin · Aug 10, 2023 · 3a2befb · 3a2befb
1 parent ae1f34c
commit 3a2befb
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 67 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
diff --git a/src/assets/icons/system.svg b/src/assets/icons/system.svg
diff --git a/src/styles/custom.less b/src/styles/custom.less
@@ -12,3 +12,11 @@ body {
   font-family: 'AlimamaFangYuanTiVF';
   src: url(@/assets/fonts/AlimamaFangYuanTiVF.woff2);
 }
+
+.arco-menu {
+  .arco-menu-inline {
+    .arco-menu-icon {
+      margin-right: 12px;
+    }
+  }
+}
diff --git a/src/views/activation/office.vue b/src/views/activation/office.vue
@@ -72,7 +72,10 @@ const copyScript = () => useScriptCopy(activateScript.value)
 
 <template>
   <div class="flex flex-col gap-4">
-    <ACard title="Office">
+    <ACard>
+      <template #title>
+        <div class="flex items-center gap-2"><i class="i-icons:office" />Office</div>
+      </template>
       <AForm :model="formData" :rules="formRules" @submit="handleSubmit" auto-label-width>
         <AFormItem :label="t('activate.form.label.version')" field="version">
           <ASelect v-model="formData.version" :placeholder="t('activate.form.placeholder.version')">

diff --git a/src/views/activation/windows-server.vue b/src/views/activation/windows-server.vue
@@ -66,7 +66,10 @@ const copyScript = () => useScriptCopy(activateScript.value)
 
 <template>
   <div class="flex flex-col gap-4">
-    <ACard title="Windows Server">
+    <ACard>
+      <template #title>
+        <div class="flex items-center gap-2"><i class="i-icons:windows-server" />Windows Server</div>
+      </template>
       <AForm :model="formData" :rules="formRules" @submit="handleSubmit" auto-label-width>
         <AFormItem :label="t('activate.form.label.version')" field="version">
           <ASelect v-model="formData.version" :placeholder="t('activate.form.placeholder.version')">

diff --git a/src/views/activation/windows.vue b/src/views/activation/windows.vue
@@ -66,7 +66,10 @@ const copyScript = () => useScriptCopy(activateScript.value)
 
 <template>
   <div class="flex flex-col gap-4">
-    <ACard title="Windows">
+    <ACard>
+      <template #title>
+        <div class="flex items-center gap-2"><i class="i-icons:windows" />Windows</div>
+      </template>
       <AForm :model="formData" :rules="formRules" @submit="handleSubmit" auto-label-width>
         <AFormItem :label="t('activate.form.label.version')" field="version">
           <ASelect v-model="formData.version" :placeholder="t('activate.form.placeholder.version')">