@import './variables.scss';
|
@import './sidebar.scss';
|
@import './elemen-ui.scss';
|
@import './transition.scss';
|
@import './innner-circles.scss';
|
|
body {
|
height: 100%;
|
margin: 0;
|
-moz-osx-font-smoothing: grayscale;
|
-webkit-font-smoothing: antialiased;
|
text-rendering: optimizeLegibility;
|
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
overflow: hidden;
|
}
|
|
html {
|
height: 100%;
|
box-sizing: border-box;
|
}
|
|
#app {
|
height: 100%;
|
}
|
|
@font-face {
|
font-family: time_new_Roma;
|
src: url(../assets//css/TimesNewRomanPSMT24163565.ttf);
|
}
|
|
p {
|
margin: 0;
|
padding: 0;
|
}
|
|
.height {
|
height: 100%;
|
}
|
|
.height80px {
|
height: 90px;
|
}
|
|
.height97 {
|
height: 97%
|
}
|
|
.height99 {
|
height: 99%;
|
}
|
|
.height94 {
|
height: 94%;
|
}
|
|
.height92 {
|
height: 92%;
|
}
|
|
.height82 {
|
height: 82%;
|
}
|
|
.height74 {
|
height: 74%;
|
}
|
|
.height57 {
|
height: 57%;
|
}
|
|
.height65 {
|
height: 65%;
|
}
|
|
.height30 {
|
height: 30%;
|
}
|
|
.height45 {
|
height: 45%;
|
}
|
|
.height48 {
|
height: 48%;
|
}
|
|
.height250 {
|
height: 250px;
|
}
|
|
.height-calc {
|
height: calc(100% - 65px);
|
}
|
|
.height-calc55 {
|
height: calc(100% - 55px);
|
}
|
|
.height-calc40 {
|
height: calc(100% - 40px);
|
}
|
|
.applyheight {
|
height: calc(100% - 120px);
|
}
|
|
.height-calc90 {
|
height: calc(100% - 100px);
|
}
|
|
.height-calc190 {
|
height: calc(100% - 190px);
|
}
|
|
.height-calc280 {
|
height: calc(100% - 280px);
|
}
|
|
.height-calc300 {
|
height: calc(100% - 300px);
|
|
}
|
|
.heightclacimport {
|
height: calc(100% - 27px) !important;
|
}
|
|
.minheight {
|
min-height: 1rem;
|
}
|
|
.width {
|
width: 100%;
|
}
|
|
.width120 {
|
width: 120px;
|
}
|
|
.width60 {
|
width: 60px;
|
}
|
|
.width7rem {
|
width: 7rem;
|
}
|
|
.width20 {
|
width: 20%;
|
}
|
|
.width80 {
|
width: 80%;
|
}
|
|
.width85 {
|
width: 85%;
|
}
|
|
.widthimportant {
|
width: 100% !important;
|
}
|
|
.width98 {
|
width: 98%;
|
}
|
|
.width99 {
|
width: 99%;
|
}
|
|
.width96 {
|
width: 96%;
|
}
|
|
.width94 {
|
width: 94%;
|
}
|
|
.width90 {
|
width: 90%;
|
}
|
|
.width25 {
|
width: 25%;
|
}
|
|
.width24 {
|
width: 24%;
|
}
|
|
.width20 {
|
width: 20%;
|
}
|
|
.width10 {
|
width: 10%;
|
}
|
|
.width12 {
|
width: 12%;
|
}
|
|
.width15 {
|
width: 15%;
|
}
|
|
.width30 {
|
width: 30%;
|
}
|
|
.width35 {
|
width: 35%;
|
}
|
|
.width45 {
|
width: 45%;
|
}
|
|
.width40 {
|
width: 40%;
|
}
|
|
.width50 {
|
width: 50%;
|
}
|
|
.width55 {
|
width: 55%;
|
}
|
|
.width65 {
|
width: 65%;
|
}
|
|
.width60 {
|
width: 60%;
|
}
|
|
.width70 {
|
width: 70%;
|
}
|
|
.width78 {
|
width: 78%;
|
}
|
|
.inportantwidth70 {
|
width: 70% !important;
|
}
|
|
.relative {
|
position: relative;
|
}
|
|
.absolute {
|
position: absolute;
|
}
|
|
.transformtopleft {
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
}
|
|
.transformtopleft12 {
|
top: 12%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
}
|
|
.fixed {
|
position: fixed;
|
}
|
|
.flex {
|
display: flex;
|
}
|
|
.flex-sub {
|
flex: 1;
|
}
|
|
.flex-auto {
|
flex: auto;
|
}
|
|
.flex-direction {
|
flex-direction: column;
|
}
|
|
.flex-column-reverse {
|
flex-direction: column-reverse;
|
}
|
|
.flex-wrap {
|
flex-wrap: wrap;
|
}
|
|
.align-start {
|
align-items: flex-start;
|
}
|
|
.align-baseline {
|
align-items: baseline;
|
}
|
|
.align-end {
|
align-items: flex-end;
|
}
|
|
.align-center {
|
align-items: center;
|
}
|
|
.justify-start {
|
justify-content: flex-start;
|
}
|
|
.justify-end {
|
justify-content: flex-end;
|
}
|
|
.justify-center {
|
justify-content: center;
|
}
|
|
.justify-between {
|
justify-content: space-between;
|
}
|
|
.justify-around {
|
justify-content: space-around;
|
}
|
|
.margin-auto {
|
margin: auto;
|
}
|
|
.margin4auto {
|
margin: 4px auto;
|
}
|
|
.margin50 {
|
margin: 0 25px 0 50px;
|
}
|
|
.margin-top10px {
|
margin-top: 10px;
|
}
|
|
.margin-top2 {
|
margin-top: 2%;
|
}
|
|
.margin-top4 {
|
margin-top: 4%;
|
}
|
|
.margin-top15 {
|
margin-top: 15%;
|
}
|
|
.margin-bottom {
|
margin-bottom: 2%;
|
}
|
|
.margin-left {
|
margin-left: 10px;
|
}
|
|
.margin-right5px {
|
margin-right: 5px;
|
}
|
|
.margin-right {
|
margin-right: 10px;
|
}
|
|
.margin-right15 {
|
margin-right: 15px;
|
}
|
|
.margin-right40 {
|
margin-right: 40px;
|
}
|
|
.margintopbot {
|
margin: 10px auto;
|
}
|
|
.margin2 {
|
margin: 2% auto;
|
}
|
|
.padding10 {
|
padding: 10px;
|
}
|
|
.paddingtopbottom {
|
padding: 10px 0;
|
}
|
|
.padding1016 {
|
padding: 10px 16px;
|
}
|
|
.padding1020 {
|
padding: 10px 20px;
|
}
|
|
.padding2010 {
|
padding: 20px 10px;
|
}
|
|
.padding-top2 {
|
padding-top: 2px;
|
}
|
|
.padding-top10 {
|
padding-top: 10px;
|
}
|
|
.paddingbottom {
|
padding-bottom: 6px;
|
}
|
|
.padding-right {
|
padding-right: 10px;
|
}
|
|
.padding-left {
|
padding-left: 10px;
|
}
|
|
.paddingleft1rem {
|
padding-left: 1rem;
|
}
|
|
.overflow {
|
overflow: hidden;
|
}
|
|
.overflowauto {
|
overflow: auto;
|
}
|
|
.overflowy-auto {
|
overflow: hidden;
|
overflow-y: auto;
|
}
|
|
.relative {
|
position: relative;
|
}
|
|
.absolute {
|
position: absolute;
|
}
|
|
.fixed {
|
position: fixed;
|
}
|
|
// 分页
|
.elpagin {
|
text-align: left;
|
margin-top: 5px;
|
}
|
|
.boxshadow {
|
box-shadow: 0px 5px 10px #eaedef;
|
}
|
|
.boxshadow4 {
|
box-shadow: 0px 0px 4px #c2cbd4
|
}
|
|
.boxshadow69b0f7 {
|
box-shadow: 0px 0px 4px #3b5371
|
}
|
|
.borderbottom {
|
border-bottom: 1px solid #ebedef;
|
}
|
|
.borderbottom345 {
|
border-bottom: 1px solid #c2cbd4;
|
}
|
|
.border {
|
border: 1px solid #ebedef;
|
}
|
|
.border2 {
|
border: 1px solid #91a2b3;
|
}
|
|
.borderdashed {
|
border: 1px dashed #64a2e0;
|
}
|
|
.borderradius {
|
border-radius: 4px;
|
}
|
|
.background-fff {
|
background: #fff;
|
}
|
|
.backgroundF2F2F2 {
|
background: #F2F2F2;
|
}
|
|
.backgroundrgb {
|
background: rgb(7, 37, 73);
|
}
|
|
.backgroundecf5ff {
|
background-color: #ecf5ff;
|
}
|
|
.color-973BA5 {
|
color: #973BA5;
|
}
|
|
.colorF56C6C {
|
color: #F56C6C;
|
}
|
|
.colorfff {
|
color: #fff;
|
}
|
|
.color409EFF {
|
color: #409EFF;
|
}
|
|
.color636972 {
|
color: #636972;
|
}
|
|
.color909399 {
|
color: #909399;
|
}
|
|
.fontweight400 {
|
font-weight: 400;
|
}
|
|
.fontweight600 {
|
font-weight: 600;
|
}
|
|
.fontsize1_2rem {
|
font-size: 1.2rem;
|
}
|
|
.fontsize14 {
|
font-size: 14px;
|
}
|
|
.fontsize2rem {
|
font-size: 2rem;
|
}
|
|
.fontsize4rem {
|
font-size: 4rem;
|
}
|
|
.fontsize6rem {
|
font-size: 6rem;
|
}
|
|
.fontsiez1rem {
|
font-size: 1rem;
|
}
|
|
.fontsizeinitial {
|
font-size: initial;
|
}
|
|
.text-center {
|
text-align: center;
|
}
|
|
.text-right {
|
text-align: right;
|
}
|
|
.textalign {
|
text-align: right;
|
}
|
|
.textindex2 {
|
text-indent: 2rem;
|
}
|
|
.global-content {
|
width: 100%;
|
height: 100%;
|
overflow: hidden;
|
}
|
|
.text-overflow {
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap
|
}
|
|
.hover {
|
&:hover {
|
background-color: #ecf5ff;
|
}
|
|
}
|
|
.bottom7 {
|
bottom: 7px;
|
}
|
|
.right {
|
right: 10px
|
}
|
|
.zindex {
|
z-index: 10;
|
}
|
|
.pointer {
|
cursor: pointer;
|
}
|
|
.search-bar{
|
display: flex;
|
.form-view{
|
flex-grow: 1;
|
}
|
.btn-view{
|
flex-shrink: 0;
|
}
|
}
|
|
.default-form-width{
|
width: 220px;
|
}
|
|
.subpage-style{
|
box-sizing: border-box;
|
padding: 8px;
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
background-color: #ffffff;
|
.top-bar,.bottom-box{
|
flex-shrink: 0;
|
}
|
.subpage-containter{
|
flex-grow: 1;
|
overflow: hidden;
|
}
|
}
|
.pagination-box {
|
display: flex;
|
justify-content: flex-end;
|
padding-top: 4px;
|
}
|
.table-top-action-row,.table-top-action-sides-row{
|
padding-bottom: 4px;
|
}
|
.table-top-action-sides-row{
|
display: flex;
|
justify-content: space-between;
|
}
|
.project-table-list-box{
|
display: flex;
|
flex-direction: column;
|
&>.table-top-action-row,&>.table-top-action-sides-row,&>.table-bottom-pagination{
|
flex-shrink: 0;
|
}
|
&>.table-content{
|
flex-grow: 1;
|
overflow: hidden;
|
}
|
}
|
|
.project-modal {
|
.el-dialog__header,.el-dialog__footer{
|
padding: 10px;
|
}
|
.el-dialog__headerbtn{
|
top: 12px;
|
right: 10px;
|
}
|
.el-dialog__header{
|
border-bottom: 1px solid #efefef;
|
}
|
.el-dialog__footer {
|
border-top: 1px solid #efefef;
|
}
|
.el-dialog__body{
|
padding: 0;
|
}
|
}
|
