Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
InJoyU
vue-element-admin
提交
c53fb7fb
V
vue-element-admin
项目概览
InJoyU
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
5
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
c53fb7fb
编写于
11月 02, 2017
作者:
P
Pan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
style:refine sidebar css
上级
aaf24b46
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
47 addition
and
32 deletion
+47
-32
src/components/TodoList/index.scss
src/components/TodoList/index.scss
+4
-1
src/styles/sidebar.scss
src/styles/sidebar.scss
+39
-1
src/views/layout/Layout.vue
src/views/layout/Layout.vue
+4
-30
未找到文件。
src/components/TodoList/index.scss
浏览文件 @
c53fb7fb
...
...
@@ -4,10 +4,13 @@
color
:
#4d4d4d
;
min-width
:
230px
;
max-width
:
550px
;
margin
:
40
PX
auto
0
;
margin
:
40
px
auto
0
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
font-weight
:
300
;
background
:
#fff
;
z-index
:
1
;
position
:
relative
;
button
{
margin
:
0
;
padding
:
0
;
...
...
src/styles/sidebar.scss
浏览文件 @
c53fb7fb
// 主体区域
.main-container
{
min-height
:
100%
;
transition
:
margin-left
0
.28s
;
margin-left
:
180px
;
}
// 侧边栏
.hideSidebar
{
.sidebar-container
{
width
:
36px
!
important
;
// overflow: inherit;
}
.main-container
{
margin-left
:
36px
;
}
}
// .horizontal-collapse-transition{
// transition: width 0.28s!important;
// }
.sidebar-container
{
// transition: width 0.28s ease-out;
transition
:
width
0
.28s
!
important
;
width
:
180px
!
important
;
height
:
100%
;
position
:
fixed
;
top
:
0
;
bottom
:
0
;
left
:
0
;
z-index
:
1001
;
// overflow-y: auto;
&
::-webkit-scrollbar
{
display
:
none
}
}
.sidebar-container
>
.el-menu
{
width
:
100%
!
important
;
min-height
:
100%
;
...
...
@@ -66,7 +100,7 @@
text-align
:
left
;
text-indent
:
20px
;
top
:
0px
;
background-color
:
#
1f2d3d
;
background-color
:
#
2B2C2D
!
important
;
opacity
:
1
;
}
}
...
...
@@ -74,4 +108,8 @@
.el-submenu
.el-menu-item
{
min-width
:
180px
!
important
;
background-color
:
#2B2C2D
!
important
;
&
:hover
{
background-color
:
rgb
(
67
,
74
,
80
)
!
important
;
}
}
src/views/layout/Layout.vue
浏览文件 @
c53fb7fb
...
...
@@ -31,35 +31,9 @@ export default {
<
style
rel=
"stylesheet/scss"
lang=
"scss"
scoped
>
@import
"src/styles/mixin.scss"
;
.app-wrapper
{
@include
clearfix
;
position
:
relative
;
height
:
100%
;
width
:
100%
;
&
.hideSidebar
{
.sidebar-container
{
width
:
36px
;
overflow
:
inherit
;
}
.main-container
{
margin-left
:
36px
;
}
}
.sidebar-container
{
transition
:
width
0
.28s
ease-out
;
width
:
180px
;
height
:
100%
;
position
:
fixed
;
top
:
0
;
bottom
:
0
;
left
:
0
;
z-index
:
1001
;
overflow-y
:
auto
;
&
::-webkit-scrollbar
{
display
:none
}
}
.main-container
{
min-height
:
100%
;
transition
:
margin-left
0
.28s
ease-out
;
margin-left
:
180px
;
}
@include
clearfix
;
position
:
relative
;
height
:
100%
;
width
:
100%
;
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录