From 289e739f80b9c489b47be14ef118012352c0948a Mon Sep 17 00:00:00 2001
From: pqcqaq <905739777@qq.com>
Date: Fri, 18 Oct 2024 15:03:39 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E4=BA=86=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../home/labels/byCategory/locales/zh-CN.json |  3 +++
 .../home/labels/byCategory/web.pc.tsx         | 21 ++++++++++++-------
 .../frontend/home/labels/locales/zh-CN.json   |  3 +++
 .../frontend/home/labels/styles.module.less   | 13 ++++++++++++
 .../frontend/home/labels/web.pc.tsx           | 18 ++++++++++------
 5 files changed, 44 insertions(+), 14 deletions(-)
 create mode 100644 src/components/frontend/home/labels/byCategory/locales/zh-CN.json
 create mode 100644 src/components/frontend/home/labels/locales/zh-CN.json
 create mode 100644 src/components/frontend/home/labels/styles.module.less

diff --git a/src/components/frontend/home/labels/byCategory/locales/zh-CN.json b/src/components/frontend/home/labels/byCategory/locales/zh-CN.json
new file mode 100644
index 0000000..443c3a9
--- /dev/null
+++ b/src/components/frontend/home/labels/byCategory/locales/zh-CN.json
@@ -0,0 +1,3 @@
+{
+    "labelsByCategory": "当前分类下的标签"
+}
\ No newline at end of file
diff --git a/src/components/frontend/home/labels/byCategory/web.pc.tsx b/src/components/frontend/home/labels/byCategory/web.pc.tsx
index c1ac63b..6094962 100644
--- a/src/components/frontend/home/labels/byCategory/web.pc.tsx
+++ b/src/components/frontend/home/labels/byCategory/web.pc.tsx
@@ -1,7 +1,8 @@
+import React from 'react';
 import { EntityDict } from '@project/oak-app-domain';
 import { WebComponentProps } from 'oak-frontend-base';
-import React from 'react';
 import LabelLists from '../components/LabelLists';
+import Styles from '../styles.module.less';
 
 const LabelsByCategory = (
     props: WebComponentProps<
@@ -14,19 +15,23 @@ const LabelsByCategory = (
         }
     >
 ) => {
-
     const { list, oakFullpath, labelClassName } = props.data;
     const { t } = props.methods;
 
     return (
         <>
             {list && (
-                <LabelLists
-                    list={list}
-                    oakFullpath={oakFullpath}
-                    labelClassName={labelClassName}
-                    t={t}
-                />
+                <div className={Styles.labels}>
+                    <div className={Styles.title}>{t('labelsByCategory')}</div>
+                    <div className={Styles.list}>
+                        <LabelLists
+                            list={list}
+                            oakFullpath={oakFullpath}
+                            labelClassName={labelClassName}
+                            t={t}
+                        />
+                    </div>
+                </div>
             )}
         </>
     );
diff --git a/src/components/frontend/home/labels/locales/zh-CN.json b/src/components/frontend/home/labels/locales/zh-CN.json
new file mode 100644
index 0000000..4bad0a1
--- /dev/null
+++ b/src/components/frontend/home/labels/locales/zh-CN.json
@@ -0,0 +1,3 @@
+{
+    "labelsAll": "全部标签"
+}
\ No newline at end of file
diff --git a/src/components/frontend/home/labels/styles.module.less b/src/components/frontend/home/labels/styles.module.less
new file mode 100644
index 0000000..9ab324b
--- /dev/null
+++ b/src/components/frontend/home/labels/styles.module.less
@@ -0,0 +1,13 @@
+.labels {
+    width: 100%;
+    .title {
+        font-size: 1.5rem;
+        font-weight: 600;
+        margin-bottom: 1rem;
+    }
+    .list {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 1rem;
+    }
+}
\ No newline at end of file
diff --git a/src/components/frontend/home/labels/web.pc.tsx b/src/components/frontend/home/labels/web.pc.tsx
index 4088646..24da43c 100644
--- a/src/components/frontend/home/labels/web.pc.tsx
+++ b/src/components/frontend/home/labels/web.pc.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import { EntityDict } from '@project/oak-app-domain';
 import { RowWithActions, WebComponentProps } from 'oak-frontend-base';
 import LabelLists from './components/LabelLists';
+import Styles from './styles.module.less';
 
 const LabelList = (
     props: WebComponentProps<
@@ -20,12 +21,17 @@ const LabelList = (
     return (
         <>
             {list && (
-                <LabelLists
-                    list={list as EntityDict['label']['Schema'][]}
-                    oakFullpath={oakFullpath}
-                    labelClassName={labelClassName}
-                    t={t}
-                />
+                <div className={Styles.labels}>
+                    <div className={Styles.title}>{t('labelsAll')}</div>
+                    <div className={Styles.list}>
+                        <LabelLists
+                            list={list as EntityDict['label']['Schema'][]}
+                            oakFullpath={oakFullpath}
+                            labelClassName={labelClassName}
+                            t={t}
+                        />
+                    </div>
+                </div>
             )}
         </>
     );