Skip to content

html / jinmao-community-platform

Go to a project
Commit 9baff00b by changjin
Options

修改样式

parent 2049ac83
Showing with 28 additions and 26 deletions
src/components/common/Header.vue
...@@ -122,21 +122,22 @@ export default { ...@@ -122,21 +122,22 @@ export default {
height: 55px; height: 55px;
width: 100%; width: 100%;
position: relative; position: relative;
background-color: #1B2027; background-color: #FFFFFF;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
float: left; float: left;
} }
.header .logo{ .header .logo{
float: left; float: left;
color: #FFFFFF; padding: 0 25px;
padding: 0 40px;
text-align: center; text-align: center;
color: #E6B085;
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 16px;
border-right: 1px solid #E6B085;
height: 25px; height: 25px;
margin-top: 15px; margin-top: 15px;
background: url(../../../static/img/logo.png) no-repeat;
background-size: 15px;
margin-left: 20px;
color: #333;
} }
.pageName{ .pageName{
width: 1000px; width: 1000px;
...@@ -164,7 +165,6 @@ export default { ...@@ -164,7 +165,6 @@ export default {
} }
.user-info .el-dropdown-link{ .user-info .el-dropdown-link{
cursor: pointer; cursor: pointer;
color: #fff;
} }
.user-info .user-logo{ .user-info .user-logo{
position: absolute; position: absolute;
......
src/components/common/Sidebar.vue
...@@ -166,16 +166,17 @@ export default { ...@@ -166,16 +166,17 @@ export default {
line-height: 55px; line-height: 55px;
padding: 0 10px; padding: 0 10px;
cursor: pointer; cursor: pointer;
color: #FFFFFF;
flex: 1; flex: 1;
height: 55px; height: 55px;
text-align: center; text-align: center;
overflow: hidden; overflow: hidden;
min-width: 100px; min-width: 100px;
font-size: 16px; font-size: 14px;
color: #455467;
;
} }
.menu ul li.cur{ .menu ul li.cur{
color: #E6B085; color: #DF9F01;
} }
.el-menu{ .el-menu{
border-right: 0!important; border-right: 0!important;
...@@ -188,7 +189,7 @@ export default { ...@@ -188,7 +189,7 @@ export default {
.el-menu--horizontal>.el-menu-item.is-active{ .el-menu--horizontal>.el-menu-item.is-active{
border-bottom: 0!important; border-bottom: 0!important;
// background-color: #1B2027; // background-color: #1B2027;
color: #E6B085; color: #DF9F01;
} }
.el-menu--horizontal>.el-menu-item:hover{ .el-menu--horizontal>.el-menu-item:hover{
color:#61636C color:#61636C
......
src/components/page/index/Login.vue
...@@ -80,7 +80,7 @@ export default { ...@@ -80,7 +80,7 @@ export default {
width:100%; width:100%;
height:100%; height:100%;
overflow: hidden; overflow: hidden;
background:#fff url(../../../../static/img/login.png) no-repeat 90px 100px; // background:#fff url(../../../../static/img/login.png) no-repeat 90px 100px;
background-size: 38%; background-size: 38%;
} }
.loginMain{ .loginMain{
......
static/css/main.less
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
html,body,#app,.wrapper{ html,body,#app,.wrapper{
width:100%; width:100%;
height:100%; height:100%;
color: #455467;
/*overflow: hidden;*/ /*overflow: hidden;*/
} }
.wrapper{ .wrapper{
...@@ -20,7 +21,7 @@ html,body,#app,.wrapper{ ...@@ -20,7 +21,7 @@ html,body,#app,.wrapper{
} }
body{ body{
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
background-color: #ECECF0; background-color: #EFF2F4;
} }
a{text-decoration: none} a{text-decoration: none}
.sidebarLeft{ .sidebarLeft{
...@@ -151,7 +152,7 @@ a{text-decoration: none} ...@@ -151,7 +152,7 @@ a{text-decoration: none}
float: left!important; float: left!important;
} }
.color{ .color{
color: #E6B085!important; color: #DF9F01!important;
} }
.red{ .red{
color: red!important; color: red!important;
...@@ -181,8 +182,8 @@ a{text-decoration: none} ...@@ -181,8 +182,8 @@ a{text-decoration: none}
min-width: 70px!important; min-width: 70px!important;
} }
.el-button--primary{ .el-button--primary{
background-color: #E6B085!important; background-color: #DF9F01!important;
border-color: #E6B085!important; border-color: #DF9F01!important;
} }
.el-button--danger{ .el-button--danger{
background-color: #BF0008!important; background-color: #BF0008!important;
...@@ -190,21 +191,21 @@ a{text-decoration: none} ...@@ -190,21 +191,21 @@ a{text-decoration: none}
} }
.el-button--default:hover,.el-button--default:focus{ .el-button--default:hover,.el-button--default:focus{
background-color: #FFFFFF; background-color: #FFFFFF;
color: #E6B085!important; color: #DF9F01!important;
border-color: #E6B085!important; border-color: #DF9F01!important;
} }
.el-button--primary:hover,.el-button--primary:focus{ .el-button--primary:hover,.el-button--primary:focus{
color: #FFFFFF!important; color: #FFFFFF!important;
} }
.el-dropdown-menu__item:hover{ .el-dropdown-menu__item:hover{
color: #E6B085!important; color: #DF9F01!important;
background-color: #FFFFFF!important; background-color: #FFFFFF!important;
} }
.el-select .el-input.is-focus .el-input__inner,.el-input__inner:focus{ .el-select .el-input.is-focus .el-input__inner,.el-input__inner:focus{
border-color: #E6B085!important; border-color: #DF9F01!important;
} }
.el-tabs__item:hover,.el-tabs__item.is-active,.el-menu-item.is-active,.el-select-dropdown__item.selected,.el-pager li.active,.el-pager li:hover{ .el-tabs__item:hover,.el-tabs__item.is-active,.el-menu-item.is-active,.el-select-dropdown__item.selected,.el-pager li.active,.el-pager li:hover{
color: #E6B085!important; color: #DF9F01!important;
} }
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{ .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
background:none!important; background:none!important;
...@@ -258,12 +259,12 @@ background-color:#bbb!important; ...@@ -258,12 +259,12 @@ background-color:#bbb!important;
text-align: center!important; text-align: center!important;
} }
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{ .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
background-color: #E6B085!important; background-color: #DF9F01!important;
border-color: #E6B085!important; border-color: #DF9F01!important;
} }
.el-radio__input.is-checked .el-radio__inner{ .el-radio__input.is-checked .el-radio__inner{
background-color: #E6B085!important; background-color: #DF9F01!important;
border-color: #E6B085!important; border-color: #DF9F01!important;
} }
.el-date-editor .el-range-separator,.el-range-editor .el-range-input,.el-popover,.el-cascader__label,.el-select-dropdown__item,.el-textarea__inner,.el-form-item__label,.el-form-item__content,.el-input,.el-tree-node__label,.el-checkbox__label,.el-radio__label{ .el-date-editor .el-range-separator,.el-range-editor .el-range-input,.el-popover,.el-cascader__label,.el-select-dropdown__item,.el-textarea__inner,.el-form-item__label,.el-form-item__content,.el-input,.el-tree-node__label,.el-checkbox__label,.el-radio__label{
font-size:12px!important; font-size:12px!important;
...@@ -293,7 +294,7 @@ background-color:#bbb!important; ...@@ -293,7 +294,7 @@ background-color:#bbb!important;
.shu{ .shu{
width: 4px; width: 4px;
height: 15px; height: 15px;
background-color: #E6B085; background-color: #DF9F01;
display: inline-block; display: inline-block;
position: relative; position: relative;
top: 2px; top: 2px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment