213 lines
4.2 KiB
SCSS
213 lines
4.2 KiB
SCSS
|
|
// 系统名称大标题
|
|
$font-size-sys-title: 25px;
|
|
|
|
// 一级标题文字大小
|
|
$font-size-title: 18px;
|
|
|
|
// 副标题或内容小标题文字大小
|
|
$font-size-sub-title: 14px;
|
|
|
|
// 正文内容文字大小
|
|
$font-size-content-text: 12px;
|
|
|
|
// 不显眼位置的文字大小,如版权
|
|
$font-size-text: 10px;
|
|
|
|
// logo文字大小
|
|
$font-size-logo-text: 20px;
|
|
|
|
// 图标大小
|
|
$font-size-icon: 20px;
|
|
|
|
// 操作按钮的文字大小
|
|
$font-size-button-text: 10px;
|
|
|
|
// 主色调
|
|
// $color-primary: #409EFF;
|
|
$color-primary: #fff;
|
|
$color-primary-border: #388bdd;
|
|
// 表单标签背景颜色
|
|
$color-form-label:#eaf4fe;
|
|
// 边的颜色
|
|
$color-border:#8CC3FB;
|
|
// 右对齐
|
|
$font-align-left:left;
|
|
// 左对齐
|
|
$font-align-right:right;
|
|
// 标题文字颜色
|
|
$color-title-color: #000;
|
|
|
|
// 表格文字大小
|
|
$table-content-font-size: 16px;
|
|
// 查询标题文字大小
|
|
$search-label-title-font-size:16px;
|
|
// 表单表头颜色
|
|
$font-size-label:#666;
|
|
// 右对齐
|
|
$text-algin-right:right;
|
|
// 右对齐
|
|
$text-algin-left:left;
|
|
// 表格标题的字体大小
|
|
$table-title-font-size:16px;
|
|
// 详情标题
|
|
$page-title-font-size: 16px;
|
|
|
|
// 表格内容颜色
|
|
$table-content-color: #000;
|
|
|
|
|
|
//表单详情样式
|
|
.bt0 {
|
|
/deep/.el-form-item__label{
|
|
border-top: 0!important;
|
|
}
|
|
/deep/.el-form-item__content{
|
|
border-top: 0!important;
|
|
}
|
|
}
|
|
/deep/.p10 .el-form-item__content{
|
|
padding: 10px!important;
|
|
}
|
|
.bl0 {
|
|
border-left: 0!important;
|
|
}
|
|
.lh0 .el-form-item__content {
|
|
line-height: 0!important;
|
|
}
|
|
.p0 .el-form-item__content{
|
|
padding: 0 10px!important;
|
|
}
|
|
.main-content.abnormal,.main-content.deregist,.revoke .caseForm,.form-body{
|
|
.el-form-item{
|
|
margin: bottom 0 !important;
|
|
background: $color-form-label !important;
|
|
.el-form-item__label{
|
|
border-top: 1px solid $color-border;
|
|
border-left: 0!important;
|
|
}
|
|
.el-form-item__content{
|
|
font-size: 16px!important;
|
|
background: white;
|
|
border-top: 1px solid $color-border;
|
|
border-right: 1px solid $color-border;
|
|
border-left: 1px solid $color-border;
|
|
// min-height: 60px;
|
|
}
|
|
}
|
|
.el-row {
|
|
border-left: 1px solid $color-border;
|
|
}
|
|
}
|
|
.content-body{
|
|
background: #fff;
|
|
/deep/.el-table .warning-row {
|
|
background: #eaf4fe!important;
|
|
}
|
|
.tab-title{
|
|
font-size: $table-content-font-size;
|
|
}
|
|
.el-upload-list__item,.el-radio__label,.list-style {
|
|
font-size: 16px!important;
|
|
}
|
|
.table-style{
|
|
width: 95%;
|
|
margin: 0 auto;
|
|
}
|
|
.tab{
|
|
background: #8cc3fb;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
text-align: center;
|
|
.tab-title{
|
|
label{
|
|
color: #Fff;
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.main-content {
|
|
padding: 20px;
|
|
}
|
|
.content,.words_container,.history{
|
|
background: #fff;
|
|
/deep/.el-table .warning-row {
|
|
background: #eaf4fe!important;
|
|
}
|
|
.table-style{
|
|
width: 100%;
|
|
}
|
|
}
|
|
.display-flex{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
// 查询列表样式
|
|
.main-content{
|
|
.content-header {
|
|
.label-name_1,.label-name_2,.label-name_3{
|
|
font-size: 16px!important;
|
|
}
|
|
.label-name_3{
|
|
width: 180px!important;
|
|
}
|
|
.custom {
|
|
width: calc(100% - 230px)!important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px;
|
|
}
|
|
.mt10 {
|
|
margin-top: 10px;
|
|
}
|
|
.m20{
|
|
margin: 20px 20px 20px 10px;
|
|
}
|
|
|
|
// element样式
|
|
|
|
// tab的选中状态样式
|
|
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
|
|
border-bottom: 2px solid #3296FA!important;
|
|
}
|
|
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
|
|
border-bottom: 2px solid #3296FA!important;
|
|
}
|
|
.el-tabs__item,.el-table {
|
|
font-size: 16px!important;
|
|
}
|
|
.el-pagination button, .el-pagination span:not([class*=suffix]){
|
|
margin-right: 10px!important;
|
|
}
|
|
.el-input,.el-textarea,.el-step{
|
|
font-size: 16px!important;
|
|
}
|
|
|
|
.border0{
|
|
border-top:0;
|
|
border-left:0;
|
|
border-right:0;
|
|
}
|
|
/deep/.el-table .warning-row {
|
|
background: #eaf4fe!important;
|
|
}
|
|
.el-form-item .el-form-item__label,.el-form-item .el-form-item__content{
|
|
color: #333!important;
|
|
}
|
|
.tab-card.el-tabs--border-card{
|
|
border-left: 0!important;
|
|
border-right: 0!important;
|
|
border-bottom: 0!important;
|
|
box-shadow: 0 0 0 0!important;
|
|
}
|
|
|
|
.el-range-editor--mini .el-range-input{
|
|
font-size: 16px;
|
|
}
|
|
.el-tooltip__popper {
|
|
max-width: 50%; /* 可根据需求调整具体数值 */
|
|
} |