Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
钟摆人-Puppet゜
ant-design-pro
提交
318152e3
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,发现更多精彩内容 >>
提交
318152e3
编写于
6月 06, 2018
作者:
J
jim
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
edit drawer icon
上级
6e3422fe
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
35 addition
and
35 deletion
+35
-35
src/components/SettingDarwer/index.js
src/components/SettingDarwer/index.js
+21
-8
src/components/SettingDarwer/index.less
src/components/SettingDarwer/index.less
+14
-27
未找到文件。
src/components/SettingDarwer/index.js
浏览文件 @
318152e3
import
React
,
{
PureComponent
}
from
'
react
'
;
import
{
Select
,
message
,
List
,
Switch
,
Divider
}
from
'
antd
'
;
import
{
Select
,
message
,
List
,
Switch
,
Divider
,
Icon
}
from
'
antd
'
;
import
DrawerMenu
from
'
rc-drawer-menu
'
;
import
{
connect
}
from
'
dva
'
;
import
styles
from
'
./index.less
'
;
...
...
@@ -125,17 +125,30 @@ class SettingDarwer extends PureComponent {
const
{
collapse
,
silderTheme
,
themeColor
,
layout
,
colorWeak
}
=
this
.
props
.
setting
;
return
(
<
div
className
=
{
styles
.
settingDarwer
}
>
<
div
className
=
{
styles
.
mini_bar
}
onClick
=
{
this
.
togglerContent
}
>
<
img
alt
=
"
logo
"
src
=
"
https://gw.alipayobjects.com/zos/rmsportal/ApQgLmeZDNJMomKNvavq.svg
"
/>
<
/div
>
<
DrawerMenu
parent
=
{
null
}
level
=
{
null
}
handleChild
=
{
null
}
open
=
{
collapse
}
onHandleClick
=
{
this
.
togglerContent
}
handleChild
=
{
!
collapse
?
(
<
Icon
type
=
"
setting
"
style
=
{{
color
:
'
#FFF
'
,
fontSize
:
20
,
}}
/
>
)
:
(
<
Icon
type
=
"
close
"
style
=
{{
color
:
'
#FFF
'
,
fontSize
:
20
,
}}
/
>
)
}
placement
=
"
right
"
width
=
"
336px
"
style
=
{{
...
...
src/components/SettingDarwer/index.less
浏览文件 @
318152e3
@import '~antd/lib/style/themes/default.less';
.settingDarwer {
.mini_bar {
width: 50px;
height: 45px;
border-top-left-radius: 28px;
border-bottom-left-radius: 28px;
text-align: center;
font-size: 24px;
background: white;
position: fixed;
bottom: 50px;
right: 50px;
cursor: pointer;
z-index: 99;
box-shadow: 0 0 6px 0 rgba(0, 21, 41, 0.35);
img {
width: 28px;
height: 28px;
}
}
:global {
.drawer {
z-index: 999;
}
}
}
.content {
width: 273px;
height: 100%;
...
...
@@ -75,3 +48,17 @@
line-height: 22px;
margin-bottom: 12px;
}
:global {
.drawer-handle {
top: 240px;
background: #1890ff;
width: 57px;
height: 48px;
padding: 14px 18px;
padding-left: 24px;
}
.drawer-right .drawer-handle {
left: -57px;
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录