|
@ -1,51 +1,64 @@ |
|
|
/** |
|
|
/** |
|
|
* 通用css样式布局处理 |
|
|
* 通用css样式布局处理 |
|
|
* Copyright (c) 2019 ruoyi |
|
|
* Copyright (c) 2019 ruoyi |
|
|
*/ |
|
|
*/ |
|
|
|
|
|
|
|
|
/** 基础通用 **/ |
|
|
/** 基础通用 **/ |
|
|
.pt5 { |
|
|
.pt5 { |
|
|
padding-top: 5px; |
|
|
padding-top: 5px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pr5 { |
|
|
.pr5 { |
|
|
padding-right: 5px; |
|
|
padding-right: 5px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pb5 { |
|
|
.pb5 { |
|
|
padding-bottom: 5px; |
|
|
padding-bottom: 5px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mt5 { |
|
|
.mt5 { |
|
|
margin-top: 5px; |
|
|
margin-top: 5px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mr5 { |
|
|
.mr5 { |
|
|
margin-right: 5px; |
|
|
margin-right: 5px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mb5 { |
|
|
.mb5 { |
|
|
margin-bottom: 5px; |
|
|
margin-bottom: 5px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mb8 { |
|
|
.mb8 { |
|
|
margin-bottom: 8px; |
|
|
margin-bottom: 8px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.ml5 { |
|
|
.ml5 { |
|
|
margin-left: 5px; |
|
|
margin-left: 5px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mt10 { |
|
|
.mt10 { |
|
|
margin-top: 10px; |
|
|
margin-top: 10px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mr10 { |
|
|
.mr10 { |
|
|
margin-right: 10px; |
|
|
margin-right: 10px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mb10 { |
|
|
.mb10 { |
|
|
margin-bottom: 10px; |
|
|
margin-bottom: 10px; |
|
|
} |
|
|
} |
|
|
.ml10 { |
|
|
.ml10 { |
|
|
margin-left: 10px; |
|
|
margin-left: 10px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mt20 { |
|
|
.mt20 { |
|
|
margin-top: 20px; |
|
|
margin-top: 20px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mr20 { |
|
|
.mr20 { |
|
|
margin-right: 20px; |
|
|
margin-right: 20px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mb20 { |
|
|
.mb20 { |
|
|
margin-bottom: 20px; |
|
|
margin-bottom: 20px; |
|
|
} |
|
|
} |
|
@ -85,6 +98,7 @@ |
|
|
font-size: 13px; |
|
|
font-size: 13px; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.el-table__body-wrapper { |
|
|
.el-table__body-wrapper { |
|
|
.el-button [class*="el-icon-"] + span { |
|
|
.el-button [class*="el-icon-"] + span { |
|
|
margin-left: 1px; |
|
|
margin-left: 1px; |
|
@ -94,11 +108,11 @@ |
|
|
|
|
|
|
|
|
/** 表单布局 **/ |
|
|
/** 表单布局 **/ |
|
|
.form-header { |
|
|
.form-header { |
|
|
font-size:15px; |
|
|
font-size: 15px; |
|
|
color:#6379bb; |
|
|
color: #6379bb; |
|
|
border-bottom:1px solid #ddd; |
|
|
border-bottom: 1px solid #ddd; |
|
|
margin:8px 10px 25px 10px; |
|
|
margin: 8px 10px 25px 10px; |
|
|
padding-bottom:5px |
|
|
padding-bottom: 5px |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/** 表格布局 **/ |
|
|
/** 表格布局 **/ |
|
@ -115,7 +129,7 @@ |
|
|
margin-top: 5px; |
|
|
margin-top: 5px; |
|
|
border: 1px solid #e5e6e7; |
|
|
border: 1px solid #e5e6e7; |
|
|
background: #FFFFFF none; |
|
|
background: #FFFFFF none; |
|
|
border-radius:4px; |
|
|
border-radius: 4px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pagination-container .el-pagination { |
|
|
.pagination-container .el-pagination { |
|
@ -123,7 +137,7 @@ |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@media ( max-width : 768px) { |
|
|
@media (max-width: 768px) { |
|
|
.pagination-container .el-pagination > .el-pagination__jump { |
|
|
.pagination-container .el-pagination > .el-pagination__jump { |
|
|
display: none !important; |
|
|
display: none !important; |
|
|
} |
|
|
} |
|
@ -265,10 +279,10 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* 拖拽列样式 */ |
|
|
/* 拖拽列样式 */ |
|
|
.sortable-ghost{ |
|
|
.sortable-ghost { |
|
|
opacity: .8; |
|
|
opacity: .8; |
|
|
color: #fff!important; |
|
|
color: #fff !important; |
|
|
background: #42b983!important; |
|
|
background: #42b983 !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.top-right-btn { |
|
|
.top-right-btn { |
|
|