|
|
@@ -1,536 +0,0 @@
|
|
|
-@nothing-textColor: #5f5f5f;
|
|
|
-@large-fontSize: 20px;
|
|
|
-
|
|
|
-//分隔小横线
|
|
|
-.lineSpan(@height,@width,@color,@mr) {
|
|
|
- display: inline-block;
|
|
|
- height: @height;
|
|
|
- width: @width;
|
|
|
- background: @color;
|
|
|
- margin-right: @mr;
|
|
|
-}
|
|
|
-
|
|
|
-.sm-system {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- color: white;
|
|
|
-}
|
|
|
-.sm {
|
|
|
- &-school-name {
|
|
|
- height: 60px;
|
|
|
- border-bottom: 1px solid #606060;
|
|
|
-
|
|
|
- .setting-title {
|
|
|
- color: var(--label-text-color);
|
|
|
- font-size: var(--font-size-normal);
|
|
|
- font-weight: bold;
|
|
|
- line-height: 60px;
|
|
|
- margin-right: 5px;
|
|
|
- margin-left: 30px;
|
|
|
- }
|
|
|
-
|
|
|
- .school-name {
|
|
|
- font-size: var(--font-size-normal);
|
|
|
- color: var(--primary-text-color);
|
|
|
- }
|
|
|
-
|
|
|
- .school-tools {
|
|
|
- font-size: var(--font-size-normal);
|
|
|
- margin-right: 30px;
|
|
|
- margin-top: 13px;
|
|
|
- float: right;
|
|
|
- }
|
|
|
-
|
|
|
- .school-tools .ivu-icon {
|
|
|
- font-size: @font-size-large;
|
|
|
- margin-right: 5px;
|
|
|
- vertical-align: text-top;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.sm-system {
|
|
|
- &-body {
|
|
|
- .fl-row-center;
|
|
|
- height:~"calc(100% - 60px)";
|
|
|
- width: 100%;
|
|
|
- user-select: none !important;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- .col-title {
|
|
|
- .action-btn-icon{
|
|
|
- float:right;
|
|
|
- line-height:50px;
|
|
|
- color:white;
|
|
|
- margin-left:8px;
|
|
|
- font-size:16px;
|
|
|
- &:hover{
|
|
|
- color:aqua;
|
|
|
- }
|
|
|
- }
|
|
|
- height: 50px;
|
|
|
- line-height:50px;
|
|
|
- width: 100%;
|
|
|
- padding: 0 10px 0 0px;
|
|
|
- font-weight: bold;
|
|
|
- font-size: var(--font-size-normal);
|
|
|
- color: var(--label-text-color);
|
|
|
- border-bottom: 1px solid var(--border-color);
|
|
|
-
|
|
|
- .ivu-icon {
|
|
|
- color: var(--primary-text-color);
|
|
|
- cursor: pointer;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.no-data-text {
|
|
|
- width: 70%;
|
|
|
- height: 100%;
|
|
|
- font-size: 30px;
|
|
|
- font-weight: 800;
|
|
|
- color: @nothing-textColor;
|
|
|
- text-align: center;
|
|
|
- padding-top: 30px;
|
|
|
- border-right: 1px solid var(--border-color);
|
|
|
- background: #252525;
|
|
|
-}
|
|
|
-
|
|
|
-.fl-row-center {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.fl-col-center {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-.editable {
|
|
|
- display:inline-block;
|
|
|
- &:hover {
|
|
|
- .edit-btn {
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .edit-btn {
|
|
|
- display: none;
|
|
|
- font-size: var(--font-size-normal);
|
|
|
- margin-left: 10px;
|
|
|
- margin-bottom: 5px;
|
|
|
- }
|
|
|
-
|
|
|
- .ivu-icon{
|
|
|
- /*display:none;*/
|
|
|
- cursor:pointer;
|
|
|
- color:white;
|
|
|
- }
|
|
|
-}
|
|
|
-.time-zone-label{
|
|
|
- width:300px;
|
|
|
-}
|
|
|
-.time-zone-label:hover + .edit-time-btn{
|
|
|
- display:inline-block;
|
|
|
-}
|
|
|
-.edit-time-btn {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-.campus-modal {
|
|
|
- text-align: center;
|
|
|
- color: #DDDDDD;
|
|
|
-
|
|
|
- .campus-name-item {
|
|
|
- margin-top: 10px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- &:hover .campus-btn-edit {
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
-
|
|
|
- &:hover {
|
|
|
- color: white;
|
|
|
- font-weight: 500;
|
|
|
- }
|
|
|
-
|
|
|
- .campus-name {
|
|
|
- font-size: 16px;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
-
|
|
|
- .campus-btn-edit {
|
|
|
- margin-left: 15px;
|
|
|
- display: none;
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- right: 15px;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.semester-name-label {
|
|
|
- display: inline-block;
|
|
|
- vertical-align: super;
|
|
|
-}
|
|
|
-
|
|
|
-#get-width {
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 0px;
|
|
|
- font-size: 18px;
|
|
|
- visibility: hidden;
|
|
|
- border: 1px solid black;
|
|
|
- width: fit-content;
|
|
|
-}
|
|
|
-.split-left, .split-right {
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.period-wrap {
|
|
|
- height: 100%;
|
|
|
- padding-left: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.period-wrap {
|
|
|
- .col-order {
|
|
|
- width: 100%;
|
|
|
- height: 50px;
|
|
|
- min-height: 50px;
|
|
|
- padding-left: 30px;
|
|
|
- color: var(--label-text-color);
|
|
|
- font-size: var(--font-size-normal);
|
|
|
- border-bottom: 1px solid var(--border-color);
|
|
|
- cursor: pointer;
|
|
|
- .fl-row-center;
|
|
|
-
|
|
|
- span {
|
|
|
- margin-left: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .period-list {
|
|
|
- width: 100%;
|
|
|
- overflow: auto;
|
|
|
-
|
|
|
- &::-webkit-scrollbar { /*滚动条整体样式*/
|
|
|
- width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
- height: 1px;
|
|
|
- }
|
|
|
-
|
|
|
- &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
|
|
|
- -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|
|
- background: rgb(124,124,124);
|
|
|
- }
|
|
|
-
|
|
|
- &::-webkit-scrollbar-track { /*滚动条里面轨道*/
|
|
|
- -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|
|
- background: rgba(68,68,68,.5);
|
|
|
- }
|
|
|
-
|
|
|
- .campus-label {
|
|
|
- color: aqua;
|
|
|
- border: 1px solid aqua;
|
|
|
- width: fit-content;
|
|
|
- padding: 0px 5px;
|
|
|
- border-radius: 4px;
|
|
|
- font-size: 10px;
|
|
|
- float: right;
|
|
|
- margin-right:5px;
|
|
|
- margin-top: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- .period-item {
|
|
|
- position: relative;
|
|
|
- padding: 10px 10px 10px 0px;
|
|
|
- border-bottom: 1px solid var(--border-color);
|
|
|
- cursor: pointer;
|
|
|
-
|
|
|
- &:hover {
|
|
|
- .period-btn-edit {
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
-
|
|
|
- .period-item-tool {
|
|
|
- display: unset;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &-name {
|
|
|
- font-size: @large-fontSize;
|
|
|
- color: var(--primary-text-color);
|
|
|
- font-weight: bold;
|
|
|
- margin: 2px 0px;
|
|
|
- width:100%;
|
|
|
- .period-btn-edit {
|
|
|
- font-size: var(--font-size-normal);
|
|
|
- margin-left: 10px;
|
|
|
- margin-bottom: 5px;
|
|
|
- display: none;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &-tool {
|
|
|
- position: absolute;
|
|
|
- right: 30px;
|
|
|
- top: 40px;
|
|
|
- font-size: 24px;
|
|
|
- color: var(--primary-text-color);
|
|
|
- display: none;
|
|
|
-
|
|
|
- .ivu-icon {
|
|
|
- margin-left: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &-num {
|
|
|
- padding-left: 5px;
|
|
|
- color: var(--label-text-color);
|
|
|
- font-size: var(--font-size-normal);
|
|
|
-
|
|
|
- span {
|
|
|
- display: inline-block;
|
|
|
- width: 3px;
|
|
|
- height: 10px;
|
|
|
- margin-right: 5px;
|
|
|
- background: var(--label-text-color);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.grade-wrap{
|
|
|
- width:100%;
|
|
|
- height:100%;
|
|
|
- padding-left:15px;
|
|
|
-}
|
|
|
-
|
|
|
-.semester-wrap {
|
|
|
- height: 100%;
|
|
|
- padding-left: 15px;
|
|
|
-
|
|
|
- .col-body {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-
|
|
|
- .term-list {
|
|
|
- width: 70%;
|
|
|
- height: ~"calc(100% - 50px)";
|
|
|
- border-right: 1px solid var(--border-color);
|
|
|
-
|
|
|
- &::-webkit-scrollbar { /*滚动条整体样式*/
|
|
|
- width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
- height: 1px;
|
|
|
- }
|
|
|
-
|
|
|
- &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
|
|
|
- -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|
|
- background: rgb(124,124,124);
|
|
|
- }
|
|
|
-
|
|
|
- &::-webkit-scrollbar-track { /*滚动条里面轨道*/
|
|
|
- -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|
|
- background: rgba(68,68,68,.5);
|
|
|
- }
|
|
|
-
|
|
|
- .term-item {
|
|
|
- width: 100%;
|
|
|
- border-bottom: 1px solid var(--border-color);
|
|
|
- padding: 10px 20px 10px 0px;
|
|
|
- cursor: pointer;
|
|
|
-
|
|
|
- &:hover {
|
|
|
- .term-item-tool {
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &-name {
|
|
|
- font-size: 20px;
|
|
|
- font-weight: bold;
|
|
|
- color: var(--primary-text-color);
|
|
|
- }
|
|
|
-
|
|
|
- &-name-line {
|
|
|
- display: inline-block;
|
|
|
- .lineSpan(16px,3px,red,2px);
|
|
|
- }
|
|
|
-
|
|
|
- &-students-num {
|
|
|
- color: var(--label-text-color);
|
|
|
- font-size: var(--font-size-normal);
|
|
|
- margin: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- &-start {
|
|
|
- color: var(--label-text-color);
|
|
|
- font-size: var(--font-size-normal);
|
|
|
- margin: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- &-tool {
|
|
|
- position: absolute;
|
|
|
- right: 20px;
|
|
|
- top: 60px;
|
|
|
- font-size: 24px;
|
|
|
- color: var(--primary-text-color);
|
|
|
- display: none;
|
|
|
-
|
|
|
- .ivu-icon {
|
|
|
- margin-left: 5px;
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .term-item-time-line {
|
|
|
- position: absolute;
|
|
|
- left: 70%;
|
|
|
- width: 30%;
|
|
|
- height: ~"calc(100% - 50px)";
|
|
|
- color: var(--label-text-color);
|
|
|
-
|
|
|
- ul {
|
|
|
- list-style: none;
|
|
|
- width: fit-content;
|
|
|
- margin: auto;
|
|
|
- }
|
|
|
-
|
|
|
- li {
|
|
|
- margin: 27px 0;
|
|
|
- font-size: @font-size-large;
|
|
|
- font-weight: bold;
|
|
|
- justify-content: flex-start;
|
|
|
- .fl-row-center;
|
|
|
-
|
|
|
- &:last-child .time-line-tail {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .time-label {
|
|
|
- width: 35px;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- }
|
|
|
-
|
|
|
- .time-dot {
|
|
|
- position: relative;
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- border-radius: 50%;
|
|
|
- padding: 5px;
|
|
|
- border: 2px solid #959595;
|
|
|
- margin-left: 10px;
|
|
|
- z-index: 2;
|
|
|
- }
|
|
|
-
|
|
|
- .time-inner-dot {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background: #959595;
|
|
|
- border-radius: 50%;
|
|
|
- position: absolute;
|
|
|
- top: 4px;
|
|
|
- left: 4px;
|
|
|
- }
|
|
|
-
|
|
|
- .time-line-tail {
|
|
|
- height: 30px;
|
|
|
- border-left: 2px solid #606060;
|
|
|
- position: absolute;
|
|
|
- top: 18px;
|
|
|
- left: 7px;
|
|
|
- z-index: -1;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.subject-wrap {
|
|
|
- height: 100%;
|
|
|
- height: 100%;
|
|
|
- padding-left: 15px;
|
|
|
-
|
|
|
- .subject-body {
|
|
|
- width: 100%;
|
|
|
- padding: 20px 20px 20px 0px;
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
-}
|
|
|
-.tag-item {
|
|
|
- display: inline-block;
|
|
|
- background: #5d5d5d;
|
|
|
- color: #9b9b9b;
|
|
|
- padding: 0px 5px 0px 10px;
|
|
|
- font-size: 16px;
|
|
|
- border-radius: 5px;
|
|
|
- margin-right: 10px;
|
|
|
- margin-bottom:10px;
|
|
|
- &-icon {
|
|
|
- display: inline-block;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- background: #404040;
|
|
|
- border-radius: 50%;
|
|
|
- margin-right: 2px;
|
|
|
- }
|
|
|
-}
|
|
|
-.grade-item {
|
|
|
- display: flex;
|
|
|
- width: 100%;
|
|
|
- border-bottom: 1px solid #282828;
|
|
|
- padding: 5px 2px;
|
|
|
- align-items:baseline;
|
|
|
- .grade-order {
|
|
|
- flex: 0.1;
|
|
|
- }
|
|
|
-
|
|
|
- .grade-name {
|
|
|
- flex: 0.8;
|
|
|
- }
|
|
|
-}
|
|
|
-.attr-box-item {
|
|
|
- color: white;
|
|
|
- margin-bottom: 20px;
|
|
|
- display: flex;
|
|
|
-
|
|
|
-
|
|
|
- .add-type-iocn {
|
|
|
- cursor: pointer;
|
|
|
- font-size: 16px;
|
|
|
- margin-top: 8px;
|
|
|
- }
|
|
|
-
|
|
|
- p {
|
|
|
- min-width: 80px;
|
|
|
- line-height: 32px;
|
|
|
- }
|
|
|
-}
|
|
|
-.setting-btn {
|
|
|
- width: 100%;
|
|
|
- height: 40px;
|
|
|
- background: #1cc0f3;
|
|
|
- line-height: 40px;
|
|
|
- border-radius: 4px;
|
|
|
- margin-top: 50px;
|
|
|
- text-align: center;
|
|
|
- color: white;
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- bottom: 40px;
|
|
|
-}
|
