pqc
/
new-demo
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整了部分样式

This commit is contained in:
pqcqaq 2024-10-18 15:03:39 +08:00
parent 015a24cc0e
commit 289e739f80
5 changed files with 44 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/frontend/home/labels/byCategory/locales/zh-CN.json Normal file
View File

@ -0,0 +1,3 @@
{
"labelsByCategory": "当前分类下的标签"
}

21
src/components/frontend/home/labels/byCategory/web.pc.tsx
View File

@ -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>
)}
</>
);

3
src/components/frontend/home/labels/locales/zh-CN.json Normal file
View File

@ -0,0 +1,3 @@
{
"labelsAll": "全部标签"
}

13
src/components/frontend/home/labels/styles.module.less Normal file
View File

@ -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;
}
}

18
src/components/frontend/home/labels/web.pc.tsx
View File

@ -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>
)}
</>
);