| | |
| | | @import "variables.scss"; |
| | | @import "./element-variables.scss"; |
| | | // 样式重置 |
| | | html { |
| | | height: 100%; |
| | |
| | | font-size: 14px; |
| | | } |
| | | } |
| | | |
| | | .doumee-element-table { |
| | | border-color: #DFE2E8; |
| | | tr, th, td { |
| | |
| | | font-weight: bold; |
| | | } |
| | | } |
| | | .status-blue{ |
| | | color: #3C77DA; |
| | | } |
| | | .status-green{ |
| | | color:green; |
| | | } |
| | | .status-red{ |
| | | color:red; |
| | | } |
| | | .tip-warn { |
| | | margin: 4px 0 12px 0; |
| | | margin: 4px 0 25px 0; |
| | | font-size: 12px; |
| | | color: #999; |
| | | line-height: 25px; |
| | | i { |
| | | color: orange; |
| | | margin-right: 4px; |
| | |
| | | |
| | | .main_app { |
| | | background-color: #fff; |
| | | padding: 30px; |
| | | margin: 0 16px; |
| | | margin-top: 10px; |
| | | margin-left: 16px; |
| | | padding: 20px; |
| | | } |
| | | .fs12{ |
| | | font-size: 12px; |
| | | } |
| | | .fs13{ |
| | | font-size: 13px; |
| | | } |
| | | .fs15{ |
| | | font-size: 15px; |
| | | } |
| | | .fs17{ |
| | | font-size: 17px; |
| | | } |
| | | .query_btns{ |
| | | border-bottom: 1px solid #eee; |
| | | padding-bottom: 10px; |
| | | } |
| | | /** 基础通用 **/ |
| | | // 大小 外边距 |
| | |
| | | width: 200px !important; |
| | | } |
| | | .w300{ |
| | | width: 300px; |
| | | width: 300px !important; |
| | | } |
| | | .w400{ |
| | | width: 400px !important; |
| | |
| | | .mr20 { |
| | | margin-right: 20px; |
| | | } |
| | | |
| | | .pt16{ |
| | | padding-top: 16px; |
| | | } |
| | | .mb20 { |
| | | margin-bottom: 20px; |
| | | } |
| | |
| | | color: red !important; |
| | | } |
| | | .green{ |
| | | color: #83cbb2; |
| | | color: #00BA67; |
| | | } |
| | | .primaryColor{ |
| | | color: $primary-color; |
| | | color: $primary-color !important; |
| | | } |
| | | .placeholder9{ |
| | | color: #999999; |
| | |
| | | margin-left: 20px !important; |
| | | } |
| | | .mt30 { |
| | | margin-top: 30px; |
| | | margin-top: 30px !important; |
| | | } |
| | | |
| | | .mr30 { |
| | |
| | | .df{ |
| | | display: flex; |
| | | } |
| | | .df_center{ |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .df_ac{ |
| | | display: flex; |
| | | align-items: center; |