Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
895273fd
提交
895273fd
编写于
12月 09, 2022
作者:
Shine-zwj
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update:更新左侧菜单样式
上级
40caf655
变更
3
隐藏空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
81 行增加
和
14 行删除
+81
-14
index-view-layout-left.scss
...layout/index-view-layout-left/index-view-layout-left.scss
+66
-5
index-view-layout-left.vue
src/layout/index-view-layout-left/index-view-layout-left.vue
+9
-9
menu.scss
src/styles/element/menu.scss
+6
-0
未找到文件。
src/layout/index-view-layout-left/index-view-layout-left.scss
浏览文件 @
895273fd
.index-view-layout-left
{
.index-view-layout--left
{
.header-right
{
position
:
relative
;
.index-view-layout-sider
{
flex
:
none
!
important
;
max-width
:
none
!
important
;
transition
:
none
0s
ease
0s
;
background-color
:
var
(
--
app-color-white
);
.sider__top
{
font-size
:
21px
;
font-weight
:
700
;
height
:
64px
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
}
.app-menu
{
height
:
calc
(
100%
-
64px
);
overflow-y
:
auto
;
overflow-x
:
hidden
;
}
}
.index-view-layout-split
{
position
:
absolute
;
left
:
195px
;
width
:
5px
;
height
:
100%
;
cursor
:
w-resize
;
}
.index-view-layout-header
{
height
:
64px
;
display
:
flex
;
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
justify-content
:
space-between
;
align-items
:
center
;
background-color
:
var
(
--
app-color-white
);
color
:
var
(
--
app-color-black
);
.header__left
{
display
:
flex
;
font-size
:
21px
;
margin-left
:
8px
;
align-items
:
center
;
}
.header__right
{
display
:
flex
;
align-items
:
center
;
}
}
}
.index_sider
{
background-color
:
#FFF
;
.index-view-layout-content
{
height
:
calc
(
100%
-
64px
);
background-color
:
var
(
--
app-color-gray-400
);
>
.view-container
{
overflow
:
auto
;
background-color
:
var
(
--
app-color-gray-400
);
}
&
.index-view-layout-content--tab
{
>
.view-container
{
height
:
calc
(
100%
-
55px
);
}
}
}
}
}
}
\ No newline at end of file
src/layout/index-view-layout-left/index-view-layout-left.vue
浏览文件 @
895273fd
<
template
>
<
template
>
<layout
class=
"index
_view index-view-layout
-left"
id=
"movebox"
>
<layout
class=
"index
-view-layout index-view-layout-
-left"
id=
"movebox"
>
<sider
class=
"index
_
sider"
:width=
"collapseChange ? 64 : 200"
hide-trigger
id=
"left_move"
>
<sider
class=
"index
-view-layout-
sider"
:width=
"collapseChange ? 64 : 200"
hide-trigger
id=
"left_move"
>
<div
class=
"sider
-
top"
>
<div
class=
"sider
__
top"
>
<slot
name=
"siderTop"
/>
<slot
name=
"siderTop"
/>
</div>
</div>
<slot
name=
"siderContent"
/>
<slot
name=
"siderContent"
/>
</sider>
</sider>
<div
v-show=
"!collapseChange"
id=
"move_axis"
></div>
<div
v-show=
"!collapseChange"
class=
"index-view-layout-split"
id=
"move_axis"
></div>
<layout
id=
"right_move"
>
<layout
id=
"right_move"
>
<header
class=
"index
_
header"
>
<header
class=
"index
-view-layout-
header"
>
<div
class=
"header
-
left"
>
<div
class=
"header
__
left"
>
<slot
name=
"headerLeft"
/>
<slot
name=
"headerLeft"
/>
</div>
</div>
<div
class=
"header
-
center"
>
<div
class=
"header
__
center"
>
<slot
name=
"headerCenter"
/>
<slot
name=
"headerCenter"
/>
</div>
</div>
<div
class=
"header
-
right"
>
<div
class=
"header
__
right"
>
<slot
name=
"headerRight"
/>
<slot
name=
"headerRight"
/>
</div>
</div>
</header>
</header>
<content
:class=
"
{ 'index
_content': true, 'index_tab_content': Object.is(navModel,'tab') ? true : false, 'index_route_content
': Object.is(navModel,'route') ? true : false }">
<content
:class=
"
{ 'index
-view-layout-content': true, 'index-view-layout-content--tab': Object.is(navModel,'tab') ? true : false, 'index-view-layout-content--route
': Object.is(navModel,'route') ? true : false }">
<slot
name=
"tabPageExp"
/>
<slot
name=
"tabPageExp"
/>
<slot
name=
"navPos"
/>
<slot
name=
"navPos"
/>
</content>
</content>
...
...
src/styles/element/menu.scss
浏览文件 @
895273fd
...
@@ -39,4 +39,10 @@
...
@@ -39,4 +39,10 @@
}
}
}
}
}
}
}
.el-menu--vertical
{
.el-menu-item
,
.el-submenu__title
{
height
:
57px
;
}
}
}
\ No newline at end of file
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录