Settings - Subclassification - Added name alignment function, which can adjust the alignment of subcategory names in the project area on the right side of the main interface.

commons/utils/setting.ts

@@ -185,15 +185,18 @@ function getSubClassification({
   itemAreaNameFontSize = 14,
   itemAreaNameFontWeight = 700,
   itemAreaNameFontLineHeight = 1.25,
+  itemAreaNameAlign = "left",
 }: {
   itemAreaNameFontSize?: number | null;
   itemAreaNameFontWeight?: number | null;
   itemAreaNameFontLineHeight?: number | null;
+  itemAreaNameAlign?: "left" | "center" | "right" | null;
 }): SubClassification {
   return {
     itemAreaNameFontSize: itemAreaNameFontSize ?? 14,
     itemAreaNameFontWeight: itemAreaNameFontWeight ?? 700,
     itemAreaNameFontLineHeight: itemAreaNameFontLineHeight ?? 1.25,
+    itemAreaNameAlign: itemAreaNameAlign ?? "left",
   };
 }
 

src/pages/item/components/Content.vue

@@ -41,6 +41,7 @@
               lineHeight:
                 store.setting.subClassification.itemAreaNameFontLineHeight +
                 'rem',
+              textAlign: store.setting.subClassification.itemAreaNameAlign,
             }"
           >
             {{ classification.name }}

src/pages/setting/Index.vue

@@ -771,6 +771,13 @@
           <div class="mx-2" v-if="selectedMenuId === 3">
             <NForm label-placement="left" :show-feedback="false" size="small">
               <span class="block font-semibold">{{ store.language.name }}</span>
+              <NFormItem :label="store.language.align" class="mt-1">
+                <NSelect
+                  v-model:value="setting.subClassification.itemAreaNameAlign"
+                  :options="itemAreaSubclassificationNameAlignOptions"
+                  size="small"
+                ></NSelect>
+              </NFormItem>
               <NFormItem :label="store.language.fontSize" class="mt-1">
                 <NInputNumber
                   v-model:value="setting.subClassification.itemAreaNameFontSize"
@@ -1771,6 +1778,21 @@ let backgroundImagePositionOptions = ref([
     value: "right",
   },
 ]);
+// 子分类项目区域名称对齐
+let itemAreaSubclassificationNameAlignOptions = ref([
+  {
+    label: store.language.left,
+    value: "left",
+  },
+  {
+    label: store.language.center,
+    value: "center",
+  },
+  {
+    label: store.language.right,
+    value: "right",
+  },
+]);
 // 监听
 watch(
   () => setting.value,

types/setting.d.ts

@@ -118,6 +118,8 @@ export interface SubClassification {
   itemAreaNameFontWeight: number;
   // 名称字体行高(项目区域)
   itemAreaNameFontLineHeight: number;
+  // 名称对齐(项目区域)
+  itemAreaNameAlign: "left" | "center" | "right";
 }
 
 // 项目