Browse Source

css样式美化

main
pixel 5 years ago
parent
commit
b008b7ba38
  1. 113
      web/src/style/main.scss

113
web/src/style/main.scss

@ -621,7 +621,7 @@ li {
padding: 0 15px;
border-left: 1px solid #ebeef5;
border-right: 1px solid #ebeef5;
.demo-form-inline{
.demo-form-inline {
margin-bottom: 10px;
}
}
@ -668,7 +668,6 @@ li {
padding: 20px 0!important;
}
.el-row {
padding: 10px 0;
.el-col>label {
@ -850,100 +849,93 @@ li {
}
// 导航*****
// add 5.13
.el-container{
.admin-box{
.el-container {
.admin-box {
padding: 24px 24px 40px 24px;
margin: 115px 24px;
margin: 115px 24px 24px 24px;
border-radius: 2px;
.button-box{
.button-box {
border: none;
padding: 0 0 10px 0px;
}
.el-table--border{
.el-table--border {
border-radius: 4px;
margin-bottom: 15px;
}
.el-table--border {
th{
th {
border-left: 1px solid #e8e8e8;
}
}
.el-table{
th{
.el-table {
th {
padding: 5px 0;
.cell{
.cell {
min-height: 34px;
line-height: 34px;
}
}
td{
td {
padding: 8px 0;
}
td,
th.is-leaf{
th.is-leaf {
border-bottom: 1px solid #e8e8e8;
}
}
.el-table__body-wrapper{
tr{
td{
.el-table__body-wrapper {
tr {
td {
padding: 5px 0;
.cell{
.cell {
height: 34px;
line-height: 34px;
overflow: hidden;
}
}
}
.el-cascader{
.el-cascader {
line-height: 34px;
}
}
.upload{
.el-table__body-wrapper{
tr{
td{
.upload {
.el-table__body-wrapper {
tr {
td {
padding: 5px 0;
.cell{
.cell {
height: auto;
}
}
}
}
}
.search-term{
.search-term {
border-left: none;
border-right: none;
padding: 0 5px;
.el-form-item{
.el-form-item {
margin-bottom: 10px;
}
}
.el-pagination{
.el-pagination {
padding: 20px 0 0 0;
}
.upload-demo, .upload{
.upload-demo,
.upload {
padding: 0;
}
.system{
.system {
padding: 0;
}
.el-form.el-form--inline{
.el-form-item:last-child{
.el-form.el-form--inline {
.el-form-item:last-child {
margin-bottom: 0;
}
}
.edit_container,
.edit{
.edit {
padding: 0;
}
}
@ -953,21 +945,23 @@ li {
display: block;
clear: both;
}
.tips{
.tips {
margin-top: 10px;
font-size: 14px;
font-weight: 400;
color: #606266;
}
}
.el-container.layout-cont{
.header-cont,.breadcrumb{
.el-container.layout-cont {
.header-cont,
.breadcrumb {
height: 40px !important;
line-height: 40px !important;
}
.main-cont.el-main{
.main-cont.el-main {
background-color: #f0f2f5;
.menu-total{
.menu-total {
font-size: 22px;
color: #838383;
margin-top: 7px;
@ -976,30 +970,29 @@ li {
}
}
.el-container.layout-cont{
.main-cont{
.router-history{
.el-container.layout-cont {
.main-cont {
.router-history {
padding-bottom: 8px;
padding-top: 5px;
border-color: #f9f9f9;
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
.el-tabs__header{
margin: 0px 0 0 0 ;
.el-tabs__item{
.el-tabs__header {
margin: 0px 0 0 0;
.el-tabs__item {
line-height: 35px;
height: 35px;
}
}
}
}
}
.el-table__row{
.el-button.el-button--text.el-button--small{
position:relative;
.el-table__row {
.el-button.el-button--text.el-button--small {
position: relative;
}
.el-button.el-button--text.el-button--small::after{
.el-button.el-button--text.el-button--small::after {
content: '';
position: absolute;
width: 1px;
@ -1008,8 +1001,8 @@ li {
margin-left: 15px;
background-color: #e8e8e8;
}
.cell{
button:last-child::after{
.cell {
button:last-child::after {
content: ''!important;
position: absolute!important;
width: 0px!important;
@ -1017,9 +1010,9 @@ li {
}
}
.clear:after,
.clear:before {
.clear:after,
.clear:before {
content: "";
display: block;
clear: both;
}
}
Loading…
Cancel
Save