Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Open sidebar
zhaoxuanchao
zxc-antd-demo
Commits
35febf49
Commit
35febf49
authored
Aug 09, 2021
by
zhaoxuanchao
Browse files
feat: test1
parent
1220212f
Changes
5
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
44 additions
and
46 deletions
+44
-46
src/App.test.tsx
src/App.test.tsx
+3
-4
src/Middle.tsx
src/Middle.tsx
+38
-36
src/Pages/user/AllUser.tsx
src/Pages/user/AllUser.tsx
+1
-2
src/Pages/user/BanedUser.tsx
src/Pages/user/BanedUser.tsx
+1
-2
src/Pages/user/VipUser.tsx
src/Pages/user/VipUser.tsx
+1
-2
No files found.
src/App.test.tsx
View file @
35febf49
import
React
from
'
react
'
;
import
{
render
,
screen
}
from
"
@testing-library/react
"
;
import
{
render
,
screen
}
from
'
@testing-library/react
'
;
import
App
from
"
./App
"
;
import
App
from
'
./App
'
;
test
(
'
renders learn react link
'
,
()
=>
{
test
(
"
renders learn react link
"
,
()
=>
{
render
(<
App
/>);
render
(<
App
/>);
const
linkElement
=
screen
.
getByText
(
/learn react/i
);
const
linkElement
=
screen
.
getByText
(
/learn react/i
);
expect
(
linkElement
).
toBeInTheDocument
();
expect
(
linkElement
).
toBeInTheDocument
();
...
...
src/Middle.tsx
View file @
35febf49
import
React
from
'
react
'
import
React
from
"
react
"
;
import
{
Layout
,
Menu
,
Breadcrumb
}
from
'
antd
'
import
{
Layout
,
Menu
,
Breadcrumb
}
from
"
antd
"
;
import
{
UserOutlined
,
LaptopOutlined
}
from
'
@ant-design/icons
'
import
{
UserOutlined
,
LaptopOutlined
}
from
"
@ant-design/icons
"
;
import
{
Switch
,
Route
}
from
'
react-router-dom
'
import
{
Route
}
from
"
react-router-dom
"
;
import
User
from
'
./User
'
import
User
from
"
./User
"
;
const
{
SubMenu
}
=
Menu
;
const
{
SubMenu
}
=
Menu
;
const
{
Content
,
Sider
}
=
Layout
const
{
Content
,
Sider
}
=
Layout
;
function
Middle
()
{
function
Middle
()
{
return
(
return
(
<
Content
style
=
{
{
padding
:
'
0 50px
'
}
}
>
<
Content
style
=
{
{
padding
:
"
0 50px
"
}
}
>
<
Breadcrumb
style
=
{
{
margin
:
'
16px 0
'
}
}
>
<
Breadcrumb
style
=
{
{
margin
:
"
16px 0
"
}
}
>
<
Breadcrumb
.
Item
>
Home
</
Breadcrumb
.
Item
>
<
Breadcrumb
.
Item
>
Home
</
Breadcrumb
.
Item
>
</
Breadcrumb
>
</
Breadcrumb
>
<
Layout
className
=
"site-layout-background"
style
=
{
{
padding
:
'
24px 0
'
}
}
>
<
Layout
className
=
"site-layout-background"
style
=
{
{
padding
:
"
24px 0
"
}
}
>
<
Route
path
=
"/user/"
component
=
{
User
}
></
Route
>
<
Route
path
=
'/user/'
component
=
{
User
}
></
Route
>
<
Route
path
=
{
"
/admin
"
}
>
<
Route
path
=
{
'
/admin
'
}
>
<
Sider
className
=
"site-layout-background"
width
=
{
200
}
>
<
Sider
className
=
"site-layout-background"
width
=
{
200
}
>
<
Menu
mode
=
"inline"
defaultSelectedKeys
=
{
[
'
1
'
]
}
defaultOpenKeys
=
{
[
'
sub1
'
]
}
style
=
{
{
height
:
'
100%
'
}
}
>
<
Menu
<
SubMenu
key
=
"sub1"
icon
=
{
<
UserOutlined
/>
}
title
=
"管理员信息"
>
mode
=
"inline"
defaultSelectedKeys
=
{
[
"
1
"
]
}
defaultOpenKeys
=
{
[
"
sub1
"
]
}
style
=
{
{
height
:
"
100%
"
}
}
>
<
SubMenu
key
=
"sub1"
icon
=
{
<
UserOutlined
/>
}
title
=
"管理员信息"
>
<
Menu
.
Item
key
=
"1"
>
所有管理员
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"1"
>
所有管理员
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"2"
>
失效管理员
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"2"
>
失效管理员
</
Menu
.
Item
>
</
SubMenu
>
</
SubMenu
>
<
SubMenu
key
=
"sub2"
icon
=
{
<
LaptopOutlined
/>
}
title
=
"管理员地址"
>
<
SubMenu
key
=
"sub2"
icon
=
{
<
LaptopOutlined
/>
}
title
=
"管理员地址"
>
<
Menu
.
Item
key
=
"1"
>
地址1
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"1"
>
地址1
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"2"
>
地址2
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"2"
>
地址2
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"3"
>
地址3
</
Menu
.
Item
>
<
Menu
.
Item
key
=
"3"
>
地址3
</
Menu
.
Item
>
</
SubMenu
>
</
SubMenu
>
</
Menu
>
</
Menu
>
</
Sider
>
</
Sider
>
<
Content
style
=
{
{
padding
:
'
0 24px
'
,
minHeight
:
280
}
}
>
管理员
</
Content
>
<
Content
style
=
{
{
padding
:
"
0 24px
"
,
minHeight
:
280
}
}
>
管理员
</
Content
>
</
Route
>
</
Route
>
<
Route
path
=
{
'
/about
'
}
>
<
Route
path
=
{
"
/about
"
}
>
<
Content
style
=
{
{
padding
:
'
0 24px
'
,
minHeight
:
280
}
}
>
关于
</
Content
>
<
Content
style
=
{
{
padding
:
"
0 24px
"
,
minHeight
:
280
}
}
>
关于
</
Content
>
</
Route
>
</
Route
>
</
Layout
>
</
Layout
>
</
Content
>
</
Content
>
)
)
;
}
}
export
default
Middle
;
export
default
Middle
;
src/Pages/user/AllUser.tsx
View file @
35febf49
import
React
from
"
react
"
;
import
{
Layout
}
from
"
antd
"
;
import
{
Layout
}
from
"
antd
"
;
const
{
Content
}
=
Layout
;
const
{
Content
}
=
Layout
;
function
AllUser
()
{
function
AllUser
()
{
return
(
return
(
<
Content
style
=
{
{
padding
:
"
0 24px
"
,
minHeight
:
280
}
}
>
所有用户
111
</
Content
>
<
Content
style
=
{
{
padding
:
"
0 24px
"
,
minHeight
:
280
}
}
>
所有用户
</
Content
>
);
);
}
}
...
...
src/Pages/user/BanedUser.tsx
View file @
35febf49
import
React
from
"
react
"
;
import
{
Layout
}
from
"
antd
"
;
import
{
Layout
}
from
"
antd
"
;
const
{
Content
}
=
Layout
;
const
{
Content
}
=
Layout
;
function
BanedUser
()
{
function
BanedUser
()
{
return
(
return
(
<
Content
style
=
{
{
padding
:
"
0 24px
"
,
minHeight
:
280
}
}
>
封禁用户
222
</
Content
>
<
Content
style
=
{
{
padding
:
"
0 24px
"
,
minHeight
:
280
}
}
>
封禁用户
</
Content
>
);
);
}
}
...
...
src/Pages/user/VipUser.tsx
View file @
35febf49
import
React
from
"
react
"
;
import
{
Layout
}
from
"
antd
"
;
import
{
Layout
}
from
"
antd
"
;
const
{
Content
}
=
Layout
;
const
{
Content
}
=
Layout
;
function
VipUser
()
{
function
VipUser
()
{
return
(
return
(
<
Content
style
=
{
{
padding
:
"
0 24px
"
,
minHeight
:
280
}
}
>
VIP用户
666
</
Content
>
<
Content
style
=
{
{
padding
:
"
0 24px
"
,
minHeight
:
280
}
}
>
VIP用户
</
Content
>
);
);
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment