Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
钟摆人-Puppet゜
ant-design-pro
提交
2a11d9ac
A
ant-design-pro
项目概览
钟摆人-Puppet゜
/
ant-design-pro
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design-pro
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
2a11d9ac
编写于
3月 03, 2018
作者:
J
jim
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix review warning
上级
e9d8e007
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
44 addition
and
3 deletion
+44
-3
src/routes/UserProfile/Userinfo/Info.js
src/routes/UserProfile/Userinfo/Info.js
+36
-3
src/routes/UserProfile/Userinfo/Info.less
src/routes/UserProfile/Userinfo/Info.less
+8
-0
未找到文件。
src/routes/UserProfile/Userinfo/Info.js
浏览文件 @
2a11d9ac
...
...
@@ -25,8 +25,16 @@ export default class Info extends Component {
key
=
menuMap
[
key
]
?
key
:
'
base
'
;
this
.
state
=
{
selectKey
:
key
,
mode
:
'
inline
'
,
};
}
componentDidMount
()
{
window
.
addEventListener
(
'
resize
'
,
this
.
resize
);
this
.
resize
();
}
componentWillUnmount
()
{
window
.
removeEventListener
(
'
resize
'
,
this
.
resize
);
}
getmenu
=
()
=>
{
return
Object
.
keys
(
menuMap
).
map
(
item
=>
(
<
Item
key
=
{
item
}
>
{
menuMap
[
item
]}
<
/Item
>
...
...
@@ -41,16 +49,37 @@ export default class Info extends Component {
selectKey
:
key
,
});
};
resize
=
()
=>
{
if
(
!
this
.
main
)
{
return
;
}
let
mode
=
'
inline
'
;
const
{
offsetWidth
}
=
this
.
main
;
if
(
this
.
main
.
offsetWidth
<
641
&&
offsetWidth
>
400
)
{
mode
=
'
horizontal
'
;
}
if
(
window
.
innerWidth
<
768
&&
offsetWidth
>
400
)
{
mode
=
'
horizontal
'
;
}
this
.
setState
({
mode
,
});
};
render
()
{
const
{
match
,
routerData
,
currentUser
}
=
this
.
props
;
if
(
!
currentUser
.
userid
)
{
return
''
;
}
return
(
<
div
className
=
{
styles
.
main
}
>
<
div
className
=
{
styles
.
main
}
ref
=
{(
ref
)
=>
{
this
.
main
=
ref
;
}}
>
<
div
className
=
{
styles
.
leftmenu
}
>
<
Menu
mode
=
"
inline
"
mode
=
{
this
.
state
.
mode
}
selectedKeys
=
{[
this
.
state
.
selectKey
]}
onClick
=
{
this
.
selectKey
}
>
...
...
@@ -70,7 +99,11 @@ export default class Info extends Component {
exact
=
{
item
.
exact
}
/
>
))}
<
Redirect
exact
from
=
"
/user-profile/userinfo
"
to
=
"
/user-profile/userinfo/base
"
/>
<
Redirect
exact
from
=
"
/user-profile/userinfo
"
to
=
"
/user-profile/userinfo/base
"
/>
<
Redirect
to
=
"
/exception/404
"
/>
<
/Switch
>
<
/div
>
...
...
src/routes/UserProfile/Userinfo/Info.less
浏览文件 @
2a11d9ac
...
...
@@ -15,6 +15,9 @@
.ant-menu-inline {
border: none;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
font-weight: bold;
}
}
}
.right {
...
...
@@ -31,6 +34,11 @@
margin-bottom: 12px;
}
}
:global {
.ant-list-split .ant-list-item:last-child {
border-bottom: 1px solid #e8e8e8;
}
}
}
:global {
.ant-list-item-meta {
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录