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.
484 lines
7.8 KiB
484 lines
7.8 KiB
* { |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
html, |
|
body, |
|
#app, |
|
.wrapper { |
|
width: 100%; |
|
height: 100%; |
|
display: flex; |
|
flex-direction: column; |
|
} |
|
|
|
body { |
|
min-width: 1200px; |
|
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; |
|
} |
|
.flex { |
|
display: flex; |
|
} |
|
.j-between { |
|
justify-content: space-between; |
|
} |
|
.a-center { |
|
align-items: center; |
|
} |
|
.m-b-10 { |
|
margin-bottom: 10px; |
|
} |
|
.el-table th > .cell { |
|
font-size: 14px; |
|
} |
|
.content-box { |
|
-webkit-transition: left 0.3s ease-in-out; |
|
transition: left 0.3s ease-in-out; |
|
background: #f0f0f0; |
|
flex: 1; |
|
} |
|
|
|
.content { |
|
width: auto; |
|
min-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; |
|
} |
|
.el-upload-list { |
|
width: 100%; |
|
max-width: 400px; |
|
} |
|
.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, 0.65); |
|
white-space: nowrap; |
|
} |
|
|
|
.tabs { |
|
display: flex; |
|
align-items: center; |
|
padding: 0 24px; |
|
border-bottom: 1px solid rgba(0, 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: 90%; |
|
} |
|
|
|
.orderTable .el-select > .el-input { |
|
display: inline-block; |
|
} |
|
|
|
.mgb20 { |
|
margin-bottom: 20px; |
|
} |
|
|
|
.mgb10 { |
|
margin-bottom: 10px; |
|
} |
|
|
|
.move-enter-active, |
|
.move-leave-active { |
|
transition: opacity 0.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; |
|
} |
|
|
|
.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; |
|
} |
|
|
|
.el-input__inner[type='number'] { |
|
padding-right: 0; |
|
} |
|
/*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: 0.3s; |
|
transition: 0.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; |
|
} |
|
.m-r-5 { |
|
margin-right: 5px; |
|
} |
|
.m-r-10 { |
|
margin-right: 10px; |
|
} |
|
.m-b-20 { |
|
margin-bottom: 20px; |
|
} |
|
@media (max-width: 720px) { |
|
.el-message { |
|
min-width: auto !important; |
|
width: 85%; |
|
} |
|
} |
|
.el-tooltip__popper { |
|
max-width: 500px !important; |
|
} |
|
.no-atTheMoment > .el-picker-panel__footer > .el-button--text:first-child { |
|
display: none; |
|
} |
|
.tox-notifications-container { |
|
display: none; |
|
} |
|
.mce-content-body:not([dir='rtl']) blockquote { |
|
border-left: 0; |
|
background-color: #ccc; |
|
} |
|
.search-wrap { |
|
display: flex; |
|
} |
|
.search-wrap .el-select { |
|
width: 140px; |
|
} |
|
.search-wrap .keyword .el-input__inner { |
|
border-left: 0; |
|
} |
|
.search-wrap .el-input__inner { |
|
border-radius: 0; |
|
}
|
|
|