Skip to content

platform / social_ecurity_serv

Go to a project
Commit da64f522 by 周志凯
Options

styles: change color

1 parent 55e4ad7e
Inline Side-by-side
Showing 4 changed files with 53 additions and 32 deletions
web/src/assets/css/public.css
......@@ -131,7 +131,7 @@ html,body,#app {
right: 0;
border-width: 0 10px 10px;
border-style: solid;
border-color: transparent transparent rgb(66, 125, 243);
border-color: transparent transparent rgb(255, 255, 255);
}
.el-menu-hideafter::after{
display: none;
......@@ -281,7 +281,7 @@ html,body,#app {
}
.el-table__body{}
.el-table__footer, .el-table__header{
background: #3989fc
background: #56cbfe;
}
.el-table thead{
color: #fff
......@@ -309,12 +309,23 @@ html,body,#app {
.el-button{
border-radius: 0;
}
.tmenu .sub-menu .el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover{
color: rgba(255,255,255,.7);
.tmenu .sub-menu .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
color: #606266;
font-weight: normal;
background-color: #f5f7fa;
}
.white-theme .el-menu--horizontal>.el-submenu:hover .el-submenu__title, .white-theme .tmenu .el-menu--horizontal>.el-submenu:focus .el-submenu__title{
.white-theme .el-menu--horizontal>.el-submenu:hover .el-submenu__title,
.white-theme .tmenu .el-menu--horizontal>.el-submenu:focus .el-submenu__title{
color: rgba(255,255,255,.7)
}
.white-theme .menu-box .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
color: rgba(255,255,255,.7);
background-color: transparent;
}
/* */
.el-sel{
width: 100%!important;
......@@ -334,14 +345,17 @@ html,body,#app {
/* tag */
/* tag */
.header-box .el-tag--success{
background: #fff!important;
color: #34495e;
color: #409EFF;
background: rgba(64, 158, 255, .1);
}
.header-box .el-tag--success .el-tag__close{
color: #34495e;
}
.header-box .el-tag--success .el-tag__close:hover {
background-color: #409EFF;
}
.el-tag{
color: #fff;
color: #34495e;
border-radius: 0;
background: rgba(255,255,255,.2);
border-radius:5px;
......@@ -577,17 +591,23 @@ div[data-v-4ab5ed42] .el-col-16,div[data-v-0a498488] .el-col-16,div[data-v-012f6
color: #009688
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title{
color: #fff
/* color: #fff */
background: none;
color: #606266;
font-weight: normal;
}
.el-menu--popup{
background: #4579f0!important;
background: #fff!important;
}
.el-menu--horizontal .el-menu .el-menu-item {
background: none;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{
background: rgba(255,255,255,.18)!important;
color: #fff;
/* background: rgba(255,255,255,.18)!important;
color: #fff; */
color: #409eff;
font-weight: normal;
background-color: #f5f7fa;
}
/* dark-them-end */
......@@ -595,7 +615,7 @@ div[data-v-4ab5ed42] .el-col-16,div[data-v-0a498488] .el-col-16,div[data-v-012f6
background: #efefef
}
.white-theme .layout-box{
background: url('../img/headernav.png')
background: linear-gradient(to left, #22d7ff, #006af4)
}
.white-theme .menu-box .el-menu{
background: rgba(64, 158, 255,0);
......@@ -739,9 +759,9 @@ div[data-v-4ab5ed42] .el-col-16,div[data-v-0a498488] .el-col-16,div[data-v-012f6
border-radius: 4px;
color: #fff;
text-align: center;
background: #3989fc;
background: #39c1fc;
padding: 0 25px;
border-color:#3989fc;
border-color: transparent;
}
.search-btn:focus, .search-btn:hover{
background: #66b1ff;
......
web/src/views/Layout/index.vue
......@@ -178,7 +178,7 @@ body {
overflow: hidden;
top: 60px;
height: 40px;
background:#34495e;
background:#fff;
text-align: left;
position: fixed;
}
......
web/src/views/Login/login.vue
......@@ -5,16 +5,16 @@
<div class="left-box">
<div class="ploce-box"></div>
<div class="content-box">
<div>欢迎登录</div>
<div class="plat-name">青岛社保管理系统</div>
<!-- <div>欢迎登录</div> -->
<!-- <div class="plat-name">青岛社保管理系统</div> -->
</div>
<div class="version-box">
<div>版权所有：青岛社保管理局</div>
<div>版本：v-1.0.0.0</div>
<!-- <div>版权所有：青岛社保管理局</div> -->
<!-- <div>版本：v-1.0.0.0</div> -->
</div>
</div>
<div class="right-box">
<div class="header">系统登录</div>
<div class="header">用户登录</div>
<div class="login-input-box">
<el-input
placeholder="用户名"
......@@ -138,7 +138,7 @@ export default {
.login {
position relative
height: 100%;
background: url('../../assets/img/login.jpg');
background: url('../../assets/img/login_bg.png');
background-size: 100% 100%;
}
......@@ -149,23 +149,23 @@ export default {
left 0
bottom 0
margin auto
height: 60vh;
height: 48vh;
width: 54.8vw;
overflow: hidden;
color: #fff;
border-radius: 5px;
background-size 100% 100%
.left-box{
height: 60vh;
height: 48vh;
width 43vw
background: url('../../assets/img/loginbox.png') no-repeat;
background-size 100% 100%
// background: url('../../assets/img/loginbox.png') no-repeat;
// background-size 100% 100%
.ploce-box{
position absolute
height 4vw
width 4vw
background: url('../../assets/img/police.png') no-repeat;
background-size 100% 100%
// background: url('../../assets/img/police.png') no-repeat;
// background-size 100% 100%
left 3vw
top 3.2vh
}
......@@ -193,13 +193,14 @@ export default {
top 0
right 3.5vw
width 20.7vw
height 60vh
height 48vh
background #fff
border-radius 2px
box-shadow:0px 5px 29px 0px rgba(0,69,148,0.26)
border-radius:12px
.header{
width 100%
text-align center
font-size 2.2rem
font-size 1.9rem
letter-spacing .2vw
color #0b76fb
margin-top 6vh
......@@ -215,7 +216,7 @@ export default {
}
.login-input-box{
width 15.1vw
margin 10vh auto 0
margin 4vh auto 0
}
.login-input-box:nth-child(3){
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!