切换导航条
切换导航条
当前项目
正在载入...
登录
术习电报
/
electron-vue-template
转到一个项目
切换导航栏
切换导航栏固定状态
项目
群组
代码片段
帮助
项目
活动
版本库
流水线
图表
问题
0
合并请求
0
维基
网络
创建新的问题
构建
提交
问题看板
文件
提交
网络
比较
分支
标签
作者
Sky
2019-08-18 17:03:30 +0800
浏览文件
选项
浏览文件
标签
下载
电子邮件补丁
差异文件
提交
1af880eae5ab5800fa8fc7e64060169fe04aeaee
1af880ea
1 个父辈
96d329e9
修改配色
隐藏空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
4 行增加
和
119 行删除
src/renderer/layout/components/Sidebar/SidebarItem.vue
src/renderer/styles/custom-container.scss
src/renderer/styles/sidebar.scss
src/renderer/layout/components/Sidebar/SidebarItem.vue
查看文件 @
1af880e
<template>
<div v-if="!item.hidden&&item.children" class="menu-wrapper">
<div v-if="item.onlyShowfirst">
<router-link
v-if="OneShowingChild(item.children[0]) && !onlyOneChild.children&&!item.alwaysShow"
...
...
@@ -111,7 +110,7 @@ export default {
return false;
},
resolvePath(...paths) {
return this.basePath + "/" +
paths[0]
return this.basePath + "/" +
paths[0];
},
OneShowingChild(children) {
this.onlyOneChild = children;
...
...
@@ -131,6 +130,9 @@ export default {
/deep/ a {
background-color: #ffc248;
}
/deep/ .el-menu-item:hover {
color: #ffffff !important;
}
/deep/ .el-menu-item.is-active {
margin-left: 8px;
background-color: $Theme-color !important;
...
...
src/renderer/styles/custom-container.scss
查看文件 @
1af880e
...
...
@@ -43,119 +43,3 @@
margin-top
:
10px
;
}
// 卡片上面的图标和标题样式
.info-set
{
display
:
flex
;
margin-bottom
:
16px
;
line-height
:
22px
;
.info-icon
{
width
:
8px
;
height
:
22px
;
background
:
rgba
(
58
,
127
,
159
,
1
);
border-radius
:
4px
;
margin-right
:
12px
;
}
.info-title
{
font-size
:
16px
;
font-weight
:
bold
;
color
:
rgba
(
51
,
51
,
51
,
1
);
}
}
// 顶部的单选样式
.top-order
{
flex
:
1
;
.order-group
{
height
:
38px
;
display
:
flex
;
align-items
:
center
;
background-color
:
#3a7f9f
;
width
:
346px
;
justify-content
:
center
;
border-radius
:
2px
;
}
.order-group
/
deep
/
.el-radio-group
/
deep
/
.el-radio__input.is-checked
.el-radio__inner
{
border-color
:
#f2b931
;
background
:
#f2b931
;
}
.order-group
/
deep
/
.el-radio-group
/
deep
/
.el-radio__input.is-checked
+
.el-radio__label
{
color
:
#f2b931
;
}
.order-group
/
deep
/
.el-radio__inner
{
border
:
1px
solid
#dcdfe6
;
border-radius
:
100%
;
width
:
14px
;
height
:
14px
;
position
:
relative
;
cursor
:
pointer
;
display
:
inline-block
;
box-sizing
:
border-box
;
background-color
:
#3a7f9f
;
}
.order-group
/
deep
/
.el-radio
{
color
:
#fff
;
}
}
// 活动页顶部按钮
.top-active
/
deep
/
.el-button
{
background-color
:
#3a7f9f
;
color
:
#fff
;
height
:
38px
;
}
.top-active
/
deep
/
.el-button
:active
{
background-color
:
#2c637c
;
}
// 表格添加阴影
.table-control
{
box-shadow
:
none
;
}
// 表格选中颜色样式
.table-control
/
deep
/
.el-checkbox__input.is-checked
.el-checkbox__inner
{
background-color
:
#3a7f9f
;
}
.table-control
/
deep
/
.el-checkbox__input.is-indeterminate
.el-checkbox__inner
{
background-color
:
#3a7f9f
;
}
// 底部修改,保存,取消按钮的样式修改
.bottom-button
{
width
:
100%
;
display
:
flex
;
justify-content
:
flex-end
;
}
.bottom-button
/
deep
/
.el-button--primary
{
background-color
:
#3a7f9f
;
border-color
:
#3a7f9f
;
height
:
38px
;
}
.bottom-button
/
deep
/
.el-button--primary
:active
{
background-color
:
#255368
;
border-color
:
#255368
;
}
.bottom-button
/
deep
/
.el-button--default
{
height
:
38px
;
color
:
#3a7f9f
;
}
.bottom-button
/
deep
/
.el-button--default
:hover
{
background-color
:
rgba
(
58
,
127
,
159
,
0
.2
);
}
.bottom-button
/
deep
/
.el-button--default
:active
{
background-color
:
rgba
(
43
,
94
,
117
,
0
.3
);
}
...
...
src/renderer/styles/sidebar.scss
查看文件 @
1af880e
...
...
@@ -84,7 +84,6 @@
.sidebar-container
.nest-menu
.el-submenu
>
.el-submenu__title
,
.sidebar-container
.el-submenu
.el-menu-item
{
min-width
:
180px
!
important
;
background-color
:
$Theme-color
!
important
;
&
:hover
{
background-color
:
$Theme-color
!
important
;
...
...
请
注册
或
登录
后发表评论