@import "variables.scss";
|
@import "./element-variables.scss";
|
// 样式重置
|
html {
|
height: 100%;
|
padding: 0;
|
margin: 0;
|
color: $font-color;
|
// overflow: hidden;
|
font-family: 'Avenir', Helvetica, Arial, sans-serif;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
scrollbar-width: none; /* firefox */
|
-ms-overflow-style: none; /* IE 10+ */
|
&::-webkit-scrollbar {
|
display: none; /* Chrome Safari */
|
}
|
body {
|
height: 100%;
|
padding: 0;
|
margin: 0;
|
overflow: scroll;
|
overflow: hidden;
|
font-size: 14px;
|
scrollbar-width: none; /* firefox */
|
-ms-overflow-style: none; /* IE 10+ */
|
&::-webkit-scrollbar {
|
display: none; /* Chrome Safari */
|
}
|
}
|
h1,h2,h3,h4,h5,h6,ul {
|
margin: 0;
|
padding: 0;
|
}
|
ul {
|
list-style: none;
|
}
|
#app {
|
height: 100%;
|
min-width: $page-min-width;
|
// overflow: hidden;
|
}
|
}
|
|
.bg {
|
z-index: 9990 !important;
|
}
|
.windows {
|
z-index: 9991 !important;
|
}
|
|
// 穿梭框的按钮
|
.el-transfer__buttons {
|
padding: 0 16px !important;
|
}
|
|
.table-header {
|
background-color: #F5F6F8!important;
|
th {
|
background-color: #F5F6F8!important;
|
color: #3F4F69 !important;
|
font-size: 14px;
|
}
|
}
|
.doumee-element-table {
|
border-color: #DFE2E8;
|
tr, th, td {
|
border-color: #DFE2E8;
|
}
|
}
|
|
::v-deep .el-table__fixed {
|
height: 100% !important;
|
}
|
::v-deep .el-table__fixed-right {
|
height: 100% !important;
|
}
|
::v-deep .el-table__cell {
|
height: 100% !important;
|
}
|
.apply-status0, .apply-status2 , .apply-status3, .apply-status10,
|
.change-status0,.change-status1,.change-status2,
|
.settle-status0,.settle-status2,.settle-status3,
|
.tax-status0,
|
.du-status0 {
|
color: #216EEE !important;
|
}
|
.apply-status1 , .apply-status4, .apply-status6, .apply-status7, .apply-status8, .apply-status11,
|
.change-status3,.change-status4,.change-status5,.change-status8,
|
.settle-status1,
|
.tax-status2,
|
.du-status2 {
|
color: #F95601 !important;
|
}
|
.apply-status5,.change-status7,.settle-status7,.tax-status1,.du-status1,.settle-status4 {
|
color: #00BA92 !important;
|
|
}
|
::v-deep .el-dialog{
|
margin-top: 300px;
|
}
|
.center-title .el-dialog__title {
|
text-align: center;
|
width: 100%;
|
font-size: 18px;
|
font-weight: bold;
|
}
|
|
.tip {
|
em {
|
font-style: normal;
|
color: $primary-color;
|
font-weight: bold;
|
}
|
}
|
.status-blue{
|
color: #3C77DA;
|
}
|
.status-green{
|
color:green;
|
}
|
.status-red{
|
color:red;
|
}
|
.tip-warn {
|
margin: 4px 0 25px 0;
|
font-size: 12px;
|
color: #999;
|
line-height: 25px;
|
i {
|
color: orange;
|
margin-right: 4px;
|
font-size: 14px;
|
position: relative;
|
top: 1px;
|
}
|
}
|
|
.main_app {
|
background-color: #fff;
|
margin-top: 10px;
|
margin-left: 16px;
|
padding: 20px;
|
height: calc(100% - 10px);
|
}
|
.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;
|
}
|
/** 基础通用 **/
|
// 大小 外边距
|
.flex1{
|
flex: 1;
|
}
|
.w100{
|
width: 100px !important;
|
}
|
.w120{
|
width: 120px !important;
|
}
|
.w200{
|
width: 200px !important;
|
}
|
.w300{
|
width: 300px !important;
|
}
|
.w400{
|
width: 400px !important;
|
}
|
.pt5 {
|
padding-top: 5px;
|
}
|
|
.pr5 {
|
padding-right: 5px;
|
}
|
|
.pb5 {
|
padding-bottom: 5px;
|
}
|
|
.mt5 {
|
margin-top: 5px;
|
}
|
|
.mr5 {
|
margin-right: 5px;
|
}
|
|
.mb5 {
|
margin-bottom: 5px;
|
}
|
|
.mb8 {
|
margin-bottom: 8px;
|
}
|
|
.ml5 {
|
margin-left: 5px;
|
}
|
|
.mt10 {
|
margin-top: 10px;
|
}
|
|
.mr10 {
|
margin-right: 10px;
|
}
|
|
.mb10 {
|
margin-bottom: 10px;
|
}
|
|
.ml10 {
|
margin-left: 10px;
|
}
|
|
.mt20 {
|
margin-top: 20px;
|
}
|
|
.mr20 {
|
margin-right: 20px;
|
}
|
.pt16{
|
padding-top: 16px;
|
}
|
.mb20 {
|
margin-bottom: 20px;
|
}
|
.mb40 {
|
margin-bottom: 40px;
|
}
|
.red{
|
color: red !important;
|
}
|
.green{
|
color: #00BA67;
|
}
|
.primaryColor{
|
color: $primary-color !important;
|
}
|
.placeholder9{
|
color: #999999;
|
}
|
.placeholder6{
|
color: #666666;
|
}
|
.pointer{
|
cursor: pointer;
|
}
|
.table_btns{
|
border-bottom: 1px solid #eee;
|
padding-bottom: 10px;
|
}
|
.ml20 {
|
margin-left: 20px !important;
|
}
|
.mt30 {
|
margin-top: 30px !important;
|
}
|
|
.mr30 {
|
margin-right: 30px;
|
}
|
|
.mb30 {
|
margin-bottom: 30px;
|
}
|
.pr20{
|
padding-right: 20px;
|
}
|
|
.ml30 {
|
margin-left: 30px;
|
}
|
.h24{
|
height: 24px;
|
line-height: 24px;
|
}
|
|
// flex布局
|
.df{
|
display: flex;
|
}
|
.df_center{
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
.df_ac{
|
display: flex;
|
align-items: center;
|
p {
|
margin: 0;
|
}
|
}
|
.df_sb{
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
// 文本样式
|
.underline{
|
text-decoration: underline;
|
}
|
.fs12{
|
font-size: 12px;
|
}
|
.fs_12{
|
font-size: 12px;
|
}
|
.fs_16{
|
font-size: 16px;
|
}
|
.fs_18{
|
font-size: 18px;
|
}
|
.fs_24{
|
font-size: 24px;
|
}
|
.text{
|
color: #333333;
|
}
|
.tac{
|
text-align: center;
|
}
|
