|
@@ -0,0 +1,205 @@
|
|
|
+@main-bgColor: rgb(40,40,40); //主背景颜色
|
|
|
+@borderColor: #424242; //边框颜色
|
|
|
+@primary-textColor: #fff; //文本主颜色
|
|
|
+@second-textColor: #a5a5a5; //文本副级颜色
|
|
|
+@primary-fontSize: 14px;
|
|
|
+@second-fontSize: 16px;
|
|
|
+@large-fontSize: 20px;
|
|
|
+
|
|
|
+.sm {
|
|
|
+ &-school-name {
|
|
|
+ height: 60px;
|
|
|
+ border-bottom: 1px solid @borderColor;
|
|
|
+ justify-content: space-between;
|
|
|
+ .fl-row-center;
|
|
|
+
|
|
|
+ .setting-title {
|
|
|
+ color: @second-textColor;
|
|
|
+ font-size: @primary-fontSize;
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 0 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .school-name {
|
|
|
+ font-size: @primary-fontSize;
|
|
|
+ color: @primary-textColor;
|
|
|
+ }
|
|
|
+
|
|
|
+ .school-tools {
|
|
|
+ color: @primary-textColor;
|
|
|
+ font-size: @primary-fontSize;
|
|
|
+ margin-right: 30px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .school-tools .ivu-icon {
|
|
|
+ color: @primary-textColor;
|
|
|
+ font-size: @second-fontSize;
|
|
|
+ margin-right: 5px;
|
|
|
+ vertical-align: text-top;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.sm-system {
|
|
|
+ &-body {
|
|
|
+ .fl-row-center;
|
|
|
+ position: absolute;
|
|
|
+ top: 140px;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-left {
|
|
|
+ .rowSpan(20%);
|
|
|
+ margin-left: -1px;
|
|
|
+
|
|
|
+ .col-order {
|
|
|
+ width: 100%;
|
|
|
+ height: 50px;
|
|
|
+ min-height: 50px;
|
|
|
+ padding-left: 30px;
|
|
|
+ color: @second-textColor;
|
|
|
+ font-size: @primary-fontSize;
|
|
|
+ border-bottom: 1px solid @borderColor;
|
|
|
+ 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);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ .period-item {
|
|
|
+ position:relative;
|
|
|
+ padding: 10px 10px 10px 30px;
|
|
|
+ border-bottom: 1px solid @borderColor;
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background-image: -webkit-linear-gradient(90deg, rgba(30,30,30,0) 0%, rgba(110,110,110,.2) 50%, rgba(110,110,110,.4) 100%);
|
|
|
+ background-image: -o-linear-gradient(90deg, rgba(30,30,30,0) 0%, rgba(110,110,110,.2) 50%, rgba(110,110,110,.4) 100%);
|
|
|
+ background-image: -moz-linear-gradient(90deg, rgba(30,30,30,0) 0%, rgba(110,110,110,.2) 50%, rgba(110,110,110,.4) 100%);
|
|
|
+ background-image: linear-gradient(90deg, rgba(30,30,30,0) 0%, rgba(110,110,110,.2) 50%, rgba(110,110,110,.4) 100%);
|
|
|
+ .period-btn-edit{
|
|
|
+ display:inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-tool{
|
|
|
+ display:unset;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-name {
|
|
|
+ font-size: @large-fontSize;
|
|
|
+ color: @primary-textColor;
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 2px 3px;
|
|
|
+
|
|
|
+ .period-btn-edit {
|
|
|
+ font-size: @primary-fontSize;
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-tool{
|
|
|
+ position:absolute;
|
|
|
+ right:30px;
|
|
|
+ top:40px;
|
|
|
+ font-size:24px;
|
|
|
+ color:@primary-textColor;
|
|
|
+ display:none;
|
|
|
+
|
|
|
+ .ivu-icon{
|
|
|
+ margin-left:5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-num {
|
|
|
+ padding-left: 5px;
|
|
|
+ color: @second-textColor;
|
|
|
+ font-size: @primary-fontSize;
|
|
|
+
|
|
|
+ span {
|
|
|
+ display: inline-block;
|
|
|
+ width: 3px;
|
|
|
+ height: 10px;
|
|
|
+ margin-right: 5px;
|
|
|
+ background: @second-textColor;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-center {
|
|
|
+ .rowSpan(28%);
|
|
|
+ }
|
|
|
+
|
|
|
+ &-right {
|
|
|
+ .rowSpan(52%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .rowSpan(@width) {
|
|
|
+ .fl-col-center;
|
|
|
+ width: @width;
|
|
|
+ height: 100%;
|
|
|
+ border-left: 1px solid @borderColor;
|
|
|
+ }
|
|
|
+
|
|
|
+ .col-title {
|
|
|
+ .fl-row-center;
|
|
|
+ height: 60px;
|
|
|
+ min-height: 60px;
|
|
|
+ width: 100%;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0 30px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: @primary-fontSize;
|
|
|
+ color: @second-textColor;
|
|
|
+ border-bottom: 1px solid @borderColor;
|
|
|
+
|
|
|
+ .ivu-icon {
|
|
|
+ font-size: @large-fontSize;
|
|
|
+ color: @primary-textColor;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.fl-row-center {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.fl-col-center {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+}
|