Skip to content

Commit 889f74d

Browse files
OweQianOweQian
authored
Merge pull request #10 from IoTSharp/feature/V1.0.0
Feature/v1.0.0
2 parents c1681bb + 970e6f5 commit 889f74d

File tree

14 files changed

+237
-240
lines changed

14 files changed

+237
-240
lines changed

‎components/footer/index.tsx‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,9 @@ import publicLogo from "@/public/public_logo.png";
44
import styles from "./styles.module.scss";
55
import cName from "classnames";
66
import {isEmpty} from "lodash";
7+
import logoText from "@/public/logo-text.svg";
78
import QRCode from "@/public/code.jpg";
9+
import logoIcon from "@/public/logo-icon.svg";
810
interface ILink {
911
label: string;
1012
link?: string;
@@ -26,7 +28,7 @@ const Footer: FC<IFooterProps> = ({}) => {
2628
const data = {
2729
"title": "IoTSharp",
2830
"qr_code": "",
29-
"copy_right": "Copyright © 2023 The IoTSharp Authors",
31+
"copy_right": "© 2018 - 2023 The IoTSharp Authors. All rights reserved.",
3032
"site_number": "",
3133
"public_number": "冀ICP备18039206号",
3234
"qr_code_image": {
@@ -120,7 +122,10 @@ const Footer: FC<IFooterProps> = ({}) => {
120122
return (
121123
<div className={styles.footer}>
122124
<div className={styles.topArea}>
123-
<h1 className={styles.footerTitle}>{title}</h1>
125+
<h1 className={styles.footerTitle}>
126+
<Image src={logoIcon} alt="" width={35} height={35}/>
127+
<Image src={logoText} alt="" width={135} height={40}/>
128+
</h1>
124129
<div className={styles.linkListArea}>
125130
{footerData?.linkList?.map((item, index) => {
126131
return (

‎components/footer/styles.module.scss‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,12 @@
1111
flex-wrap: wrap;
1212

1313
.footerTitle {
14-
font-weight: 500;
15-
font-size: 2.25rem;
16-
line-height: 2.25rem;
17-
color: #ffffff;
1814
margin: 0;
15+
display: flex;
16+
17+
img:nth-of-type(1) {
18+
margin-right: 10px;
19+
}
1920
}
2021

2122
.linkListArea {

‎pages/_document.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,13 +7,13 @@ export default function Document() {
77
<Html>
88
<Head/>
99
<body>
10-
<Main/>
11-
<NextScript/>
12-
<Script id="theme-script" strategy="beforeInteractive">
13-
{`const item = localStorage.getItem('theme') || 'light';
10+
<Main/>
11+
<NextScript/>
12+
<Script id="theme-script" strategy="beforeInteractive">
13+
{`const item = localStorage.getItem('theme') || 'light';
1414
localStorage.setItem('theme', item);
1515
document.getElementsByTagName('html')[0].dataset.theme = item;`}
16-
</Script>
16+
</Script>
1717
</body>
1818
</Html>
1919
);

‎pages/components/banner/index.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,8 @@ import {Col, Row} from '@douyinfe/semi-ui';
44
import cName from "classnames";
55
import {ThemeContext} from "@/stores/theme";
66

7-
export interface IBannerProps {}
7+
export interface IBannerProps {
8+
}
89

910
const Banner: FC<IBannerProps> = ({}) => {
1011
const mainRef = useRef<HTMLDivElement>(null);
@@ -34,7 +35,7 @@ const Banner: FC<IBannerProps> = ({}) => {
3435
</Col>
3536
<Col xs={24} sm={24} md={24} lg={14} xl={14} offset={2}>
3637
<div className={styles.bannerImage}>
37-
<div className={styles.background} />
38+
<div className={styles.background}/>
3839
<div className={styles.icon}/>
3940
</div>
4041
</Col>

‎pages/components/banner/styles.module.scss‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -127,20 +127,23 @@
127127
padding: 10rem 8rem;
128128
overflow: hidden;
129129
border-bottom: 1px solid var(--semi-color-border);
130+
130131
:global {
131132
.semi-row-flex {
132133
height: 100%;
133134
}
134135
}
136+
135137
.icon {
136138
width: 920px;
137139
position: relative;
138140
border-radius: 8px;
139-
height: 32.5rem!important;
141+
height: 32.5rem !important;
140142
border-bottom: 1px solid var(--semi-color-border);
141143
background-image: var(--banner-icon);
142144
background-size: 100% 100%;
143145
}
146+
144147
.container {
145148
display: flex;
146149
flex-direction: column;
@@ -179,12 +182,14 @@
179182
margin-top: 4rem;
180183
}
181184
}
185+
182186
.bannerImage {
183187
position: relative;
184188
width: 100%;
185189
padding-top: 20px;
186190
padding-left: 50px;
187191
}
192+
188193
.background {
189194
position: absolute;
190195
width: 640px;
@@ -194,6 +199,7 @@
194199
-webkit-filter: blur(120px);
195200
filter: blur(120px);
196201
opacity: .6;
202+
197203
&:before {
198204
content: "";
199205
position: absolute;
@@ -203,6 +209,7 @@
203209
top: 132px;
204210
background-color: rgb(var(--semi-purple-5));
205211
}
212+
206213
&:after {
207214
content: "";
208215
position: absolute;

‎pages/components/contributors/index.tsx‎

Lines changed: 62 additions & 169 deletions
Original file line numberDiff line numberDiff line change
@@ -1,187 +1,80 @@
11
import {FC} from "react";
2-
import {Row, Col, Descriptions, Card, Avatar, Space, Button, Typography} from '@douyinfe/semi-ui';
2+
import {Avatar, Card, Col, Descriptions, Row, Space} from '@douyinfe/semi-ui';
33
import styles from "./styles.module.scss";
44

55
export interface IContributorsProps {
66
}
77

88
const Contributors: FC<IContributorsProps> = ({}) => {
9-
const { Meta } = Card;
10-
const { Text } = Typography;
9+
const {Meta} = Card;
10+
const Comments = [{
11+
avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/card-meta-avatar-docs-demo.jpg',
12+
name: 'Mengzhou',
13+
content: '接入简单易上手；API 丰富全面。'
14+
}, {
15+
avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/card-meta-avatar-docs-demo.jpg',
16+
name: 'Mengzhou',
17+
content: '有很多公司内的其他业务使用，有比较多的样例参考，参考其他业务平台的设计方案，统一平台的交付标准。',
18+
}, {
19+
avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/card-meta-avatar-docs-demo.jpg',
20+
name: 'Mengzhou',
21+
content: '接入简单易上手；API 丰富全面。'
22+
}, {
23+
avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/card-meta-avatar-docs-demo.jpg',
24+
name: 'Mengzhou',
25+
content: '接入简单易上手；API 丰富全面。'
26+
}, {
27+
avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/card-meta-avatar-docs-demo.jpg',
28+
name: 'Mengzhou',
29+
content: 'API 丰富全面。',
30+
style: { marginTop: '40px'},
31+
}, {
32+
avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/card-meta-avatar-docs-demo.jpg',
33+
name: 'Mengzhou',
34+
content: '接入简单易上手；API 丰富全面。'
35+
}]
1136
return (
1237
<div className={styles.contributorsContainer}>
1338
<p className={styles.title}>与用户共同成长</p>
1439
<p className={styles.subTitle}>IoTSharp 重视我们的用户，加入并助力我们不断完善</p>
1540
<Descriptions align="center" size="large" row>
16-
<Descriptions.Item itemKey="Stars">795+</Descriptions.Item>
17-
<Descriptions.Item itemKey="Fork">1100+</Descriptions.Item>
18-
<Descriptions.Item itemKey="Download">1000+</Descriptions.Item>
19-
<Descriptions.Item itemKey="Contributors">30+</Descriptions.Item>
41+
<Descriptions.Item itemKey="Stars">1800++</Descriptions.Item>
42+
<Descriptions.Item itemKey="Fork">600+</Descriptions.Item>
43+
<Descriptions.Item itemKey="Download">3400+</Descriptions.Item>
44+
<Descriptions.Item itemKey="Contributors">15+</Descriptions.Item>
2045
</Descriptions>
2146
<div className={styles.imageBox}>
2247
<Row gutter={32} type="flex" align="top">
23-
<Col span={8}>
24-
<Card
25-
footerLine={false}
26-
headerLine={false}
27-
title={
28-
<Meta
29-
title=""
30-
description=""
31-
avatar={
32-
<Avatar
33-
alt='Card meta img'
34-
size="default"
35-
src='https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/card-meta-avatar-docs-demo.jpg'
36-
/>
37-
}
38-
/>
39-
}
40-
footerStyle={{ display: 'flex', justifyContent: 'flex-end' }}
41-
footer={
42-
<Space>
43-
<div>@Mengzhou</div>
44-
</Space>
45-
}
46-
>
47-
接入简单易上手；API 丰富全面。
48-
</Card>
49-
</Col>
50-
<Col span={8}>
51-
<Card
52-
footerLine={false}
53-
headerLine={false}
54-
title={
55-
<Meta
56-
title=""
57-
description=""
58-
avatar={
59-
<Avatar
60-
alt='Card meta img'
61-
size="default"
62-
src='https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/card-meta-avatar-docs-demo.jpg'
63-
/>
64-
}
65-
/>
66-
}
67-
footerStyle={{ display: 'flex', justifyContent: 'flex-end' }}
68-
footer={
69-
<Space>
70-
<div>@Mengzhou</div>
71-
</Space>
72-
}
73-
>
74-
有很多公司内的其他业务使用，有比较多的样例参考，参考其他业务平台的设计方案，统一平台的交付标准。
75-
</Card>
76-
</Col>
77-
<Col span={8}>
78-
<Card
79-
footerLine={false}
80-
headerLine={false}
81-
title={
82-
<Meta
83-
title=""
84-
description=""
85-
avatar={
86-
<Avatar
87-
alt='Card meta img'
88-
size="default"
89-
src='https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/card-meta-avatar-docs-demo.jpg'
90-
/>
91-
}
92-
/>
93-
}
94-
footerStyle={{ display: 'flex', justifyContent: 'flex-end' }}
95-
footer={
96-
<Space>
97-
<div>@Mengzhou</div>
98-
</Space>
99-
}
100-
>
101-
接入简单易上手；API 丰富全面。
102-
</Card>
103-
</Col>
104-
<Col span={8}>
105-
<Card
106-
footerLine={false}
107-
headerLine={false}
108-
title={
109-
<Meta
110-
title=""
111-
description=""
112-
avatar={
113-
<Avatar
114-
alt='Card meta img'
115-
size="default"
116-
src='https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/card-meta-avatar-docs-demo.jpg'
117-
/>
118-
}
119-
/>
120-
}
121-
footerStyle={{ display: 'flex', justifyContent: 'flex-end' }}
122-
footer={
123-
<Space>
124-
<div>@Mengzhou</div>
125-
</Space>
126-
}
127-
>
128-
接入简单易上手；API 丰富全面。
129-
</Card>
130-
</Col>
131-
<Col span={8} style={{marginTop: '40px'}}>
132-
<Card
133-
footerLine={false}
134-
headerLine={false}
135-
title={
136-
<Meta
137-
title=""
138-
description=""
139-
avatar={
140-
<Avatar
141-
alt='Card meta img'
142-
size="default"
143-
src='https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/card-meta-avatar-docs-demo.jpg'
144-
/>
145-
}
146-
/>
147-
}
148-
footerStyle={{ display: 'flex', justifyContent: 'flex-end' }}
149-
footer={
150-
<Space>
151-
<div>@Mengzhou</div>
152-
</Space>
153-
}
154-
>
155-
接入简单易上手。
156-
</Card>
157-
</Col>
158-
<Col span={8}>
159-
<Card
160-
footerLine={false}
161-
headerLine={false}
162-
title={
163-
<Meta
164-
title=""
165-
description=""
166-
avatar={
167-
<Avatar
168-
alt='Card meta img'
169-
size="default"
170-
src='https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/card-meta-avatar-docs-demo.jpg'
171-
/>
172-
}
173-
/>
174-
}
175-
footerStyle={{ display: 'flex', justifyContent: 'flex-end' }}
176-
footer={
177-
<Space>
178-
<div>@Mengzhou</div>
179-
</Space>
180-
}
181-
>
182-
接入简单易上手；API 丰富全面。
183-
</Card>
184-
</Col>
48+
{
49+
Comments?.map((comment, index) => {
50+
return (
51+
<Col span={8} style={{...comment?.style}}>
52+
<Card
53+
footerLine={false}
54+
headerLine={false}
55+
title={
56+
<Meta
57+
avatar={
58+
<Avatar
59+
alt=""
60+
size="default"
61+
src={comment?.avatar}
62+
/>
63+
}
64+
/>
65+
}
66+
footerStyle={{display: 'flex', justifyContent: 'flex-end'}}
67+
footer={
68+
<Space>
69+
<div>{comment?.name}</div>
70+
</Space>
71+
}
72+
>
73+
{comment?.content}
74+
</Card>
75+
</Col>
76+
)
77+
})
18578
</Row>
18679
</div>
18780
</div>

0 commit comments

Comments
 (0)