You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
440 lines
6.9 KiB
440 lines
6.9 KiB
* { |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
html, |
|
body, |
|
#app, |
|
.wrapper { |
|
width: 100%; |
|
height: 100%; |
|
display: flex; |
|
flex-direction: column; |
|
} |
|
|
|
body { |
|
font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif; |
|
font-size: 14px; |
|
} |
|
|
|
a { |
|
text-decoration: none |
|
} |
|
i{ |
|
font-style: normal; |
|
} |
|
li { |
|
list-style-type:none; |
|
} |
|
|
|
|
|
::-webkit-scrollbar { |
|
width: 8px; |
|
height: 8px; |
|
} |
|
|
|
::-webkit-scrollbar-thumb { |
|
width: 5px; |
|
border-radius: 6px; |
|
background: #d7d7d7; |
|
} |
|
.content-box { |
|
-webkit-transition: left .3s ease-in-out; |
|
transition: left .3s ease-in-out; |
|
background: #f0f0f0; |
|
flex: 1; |
|
} |
|
|
|
.content { |
|
width: auto; |
|
height: 100%; |
|
padding: 20px; |
|
box-sizing: border-box; |
|
} |
|
|
|
.content-collapse { |
|
left: 65px; |
|
} |
|
|
|
.container { |
|
padding: 30px; |
|
background: #fff; |
|
border: 1px solid #ddd; |
|
border-radius: 5px; |
|
} |
|
.p-title { |
|
padding-left: 5px; |
|
margin-bottom: 24px; |
|
line-height: 1; |
|
font-size: 14px; |
|
color: #585858; |
|
border-left: 3px solid #9278ff; |
|
} |
|
.page { |
|
position: relative; |
|
padding: 24px; |
|
background-color: #fff; |
|
border-radius: 8px; |
|
} |
|
.tool { |
|
display: flex; |
|
justify-content: space-between; |
|
margin-bottom: 24px; |
|
} |
|
.tool .filter { |
|
display: inline-flex; |
|
align-items: center; |
|
flex: 1; |
|
} |
|
.tool .filter li { |
|
display: inline-flex; |
|
align-items: center; |
|
margin-right: 30px; |
|
} |
|
.tool .filter label { |
|
margin-right: 6px; |
|
font-size: 14px; |
|
line-height: 14px; |
|
color: rgba(0, 0, 0, .65); |
|
white-space: nowrap; |
|
} |
|
|
|
.tabs { |
|
display: flex; |
|
align-items: center; |
|
padding: 0 24px; |
|
border-bottom: 1px solid rgba(0, 0, 0, .06); |
|
} |
|
.tabs .item { |
|
position: relative; |
|
padding: 20px 0; |
|
margin-right: 40px; |
|
font-size: 16px; |
|
color: rgba(0, 0, 0, 0.65); |
|
cursor: pointer; |
|
} |
|
.tabs .item.active { |
|
font-weight: 500; |
|
color: rgba(0, 0, 0, 0.85); |
|
} |
|
.tabs .item:after { |
|
content: ''; |
|
position: absolute; |
|
bottom: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 3px; |
|
border-bottom: 3px solid transparent; |
|
border-radius: 2px; |
|
} |
|
.tabs .item.active:after { |
|
border-bottom-color: #9278ff; |
|
} |
|
|
|
.crumbs { |
|
margin: 10px 0; |
|
} |
|
|
|
.el-table th { |
|
background-color: #f5f7fa !important; |
|
} |
|
|
|
.pagination { |
|
margin: 20px 0; |
|
text-align: right; |
|
} |
|
|
|
.plugins-tips { |
|
padding: 20px 10px; |
|
margin-bottom: 20px; |
|
} |
|
|
|
.el-button+.el-tooltip { |
|
margin-left: 10px; |
|
} |
|
|
|
.el-table tr:hover { |
|
background: #f6faff; |
|
} |
|
|
|
.orderTable td .el-input{ |
|
width: 60%; |
|
} |
|
.orderTable td .normal{ |
|
width: auto; |
|
} |
|
|
|
.orderTable .el-select>.el-input{ |
|
display: inline-block; |
|
} |
|
|
|
.mgb20 { |
|
margin-bottom: 20px; |
|
} |
|
|
|
.mgb10 { |
|
margin-bottom: 10px; |
|
} |
|
|
|
.move-enter-active, |
|
.move-leave-active { |
|
transition: opacity .5s; |
|
} |
|
|
|
.move-enter, |
|
.move-leave { |
|
opacity: 0; |
|
} |
|
|
|
/*BaseForm*/ |
|
|
|
.form-box { |
|
width: 600px; |
|
} |
|
|
|
.form-box .line { |
|
text-align: center; |
|
} |
|
|
|
.el-time-panel__content::after, |
|
.el-time-panel__content::before { |
|
margin-top: -7px; |
|
} |
|
|
|
.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { |
|
padding-bottom: 0; |
|
} |
|
|
|
/*Upload*/ |
|
|
|
.pure-button { |
|
width: 150px; |
|
height: 40px; |
|
line-height: 40px; |
|
text-align: center; |
|
color: #fff; |
|
border-radius: 3px; |
|
} |
|
|
|
.g-core-image-corp-container .info-aside { |
|
height: 45px; |
|
} |
|
|
|
.avatar-uploader .el-upload--text { |
|
background-color: #fff; |
|
border: 1px dashed #d9d9d9; |
|
border-radius: 6px; |
|
box-sizing: border-box; |
|
width: 360px; |
|
height: 180px; |
|
text-align: center; |
|
cursor: pointer; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.avatar-uploader .el-upload--text .el-icon-upload { |
|
font-size: 67px; |
|
color: #97a8be; |
|
margin: 40px 0 16px; |
|
line-height: 50px; |
|
} |
|
|
|
.avatar-uploader .el-upload--text { |
|
color: #97a8be; |
|
font-size: 14px; |
|
text-align: center; |
|
} |
|
|
|
.avatar-uploader .el-upload--text em { |
|
font-style: normal; |
|
} |
|
|
|
/* .link_upload .el-upload-list{ |
|
width: 30%; |
|
} */ |
|
|
|
/*VueEditor*/ |
|
|
|
.ql-container { |
|
min-height: 400px; |
|
} |
|
|
|
.ql-snow .ql-tooltip { |
|
transform: translateX(117.5px) translateY(10px) !important; |
|
} |
|
|
|
.editor-btn { |
|
margin-top: 20px; |
|
} |
|
|
|
/*markdown*/ |
|
|
|
.v-note-wrapper .v-note-panel { |
|
min-height: 500px; |
|
} |
|
|
|
.ms-login .el-tabs__nav-wrap::after{ |
|
background-color: #fff; |
|
opacity: 0; |
|
} |
|
.ms-login .el-tabs__item{ |
|
padding: 0 90px; |
|
color: #999; |
|
} |
|
.ms-login .el-tabs__item:hover{ |
|
color: #000; |
|
} |
|
.ms-login .el-tabs__item.is-active{ |
|
color: #333; |
|
font-weight: bold; |
|
} |
|
.ms-login .el-tabs__active-bar{ |
|
background-color: #000; |
|
border-radius:2px; |
|
} |
|
.ms-login .el-tabs__nav-scroll{ |
|
display: flex; |
|
justify-content: center; |
|
} |
|
|
|
.ms-login .el-input__inner{ |
|
height: 80px; |
|
line-height: 80px; |
|
border:1px solid rgba(220,220,220,1); |
|
border-radius:2px; |
|
} |
|
|
|
.el-row { |
|
margin-bottom: 20px; |
|
} |
|
|
|
#app .el-table thead{ |
|
color: #fff; |
|
} |
|
#app .el-table th{ |
|
background-color: #9278FF!important; |
|
font-size: 16px; |
|
font-weight: normal; |
|
} |
|
|
|
/*flex*/ |
|
.flex-center{ |
|
display: flex; |
|
align-items: center; |
|
} |
|
.flex-c-c{ |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
.flex-between{ |
|
display: flex; |
|
align-items: center; |
|
justify-content: space-between; |
|
} |
|
.flex-around{ |
|
display: flex; |
|
align-items: center; |
|
justify-content: space-around; |
|
} |
|
.flex-start-around{ |
|
display: flex; |
|
align-items: flex-start; |
|
justify-content: center; |
|
} |
|
.flex-end-around{ |
|
display: flex; |
|
align-items: flex-end; |
|
justify-content: center; |
|
} |
|
.flex-column{ |
|
display: flex; |
|
align-items: center; |
|
flex-direction: column; |
|
} |
|
.flex-start{ |
|
display: flex; |
|
align-items: flex-start; |
|
} |
|
|
|
.hr_tag{ |
|
background-color: #9278FF; |
|
width: 3px; |
|
height: 15px; |
|
margin-right: 5px; |
|
} |
|
|
|
.user_header{ |
|
padding: 20px 0; |
|
border-bottom: 1px dashed #eee; |
|
} |
|
.border-b-dashed{ |
|
border-bottom: 1px dashed #e3e3e3; |
|
width: 100%; |
|
height: 1px; |
|
margin-bottom: 20px; |
|
} |
|
.shadow{ |
|
border: 0.0625rem solid #EBEEF5; |
|
background-color: #FFF; |
|
color: #303133; |
|
-webkit-transition: .3s; |
|
transition: .3s; |
|
} |
|
.shadow :hover{ |
|
box-shadow: 0 0.125rem 0.75rem 0 rgb(0 0 0 / 10%); |
|
|
|
} |
|
.flex-col{ |
|
display: flex; |
|
flex-direction: column; |
|
|
|
} |
|
.addhr_tag{ |
|
background-color: #666; |
|
width: 6px; |
|
height: 17px; |
|
margin-right: 5px; |
|
} |
|
|
|
.per_title span{ |
|
font-size: 16px; |
|
font-weight: bold; |
|
} |
|
.per_back{ |
|
margin-left: 5px; |
|
} |
|
.per_school{ |
|
margin-left: 30px; |
|
} |
|
.per_title:hover{ |
|
cursor:pointer; |
|
} |
|
|
|
/* 溢出省略号 */ |
|
.ellipsis{ |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
} |
|
|
|
.userRadio .el-radio{ |
|
margin-right: 10px!important; |
|
} |
|
.userRadio .el-radio__input{ |
|
display: none!important; |
|
} |
|
.cursor { |
|
cursor: pointer; |
|
} |
|
.el-switch__label span { |
|
font-size: 12px; |
|
} |
|
@media (max-width: 720px) { |
|
.el-message { |
|
min-width: auto !important; |
|
width: 85%; |
|
} |
|
} |