|
|
@@ -4,16 +4,19 @@
|
|
|
// align-items: center;
|
|
|
justify-content: space-between;
|
|
|
align-content: stretch;
|
|
|
+
|
|
|
.homeInfoLeft {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
width: 1286px;
|
|
|
+
|
|
|
.homeBanner {
|
|
|
height: 246px;
|
|
|
border-radius: 20px;
|
|
|
background-color: #d5e9ff;
|
|
|
position: relative;
|
|
|
margin-bottom: 20px;
|
|
|
+
|
|
|
.bannerPerson {
|
|
|
width: 327px;
|
|
|
height: 278px;
|
|
|
@@ -22,6 +25,7 @@
|
|
|
bottom: 0;
|
|
|
z-index: 100;
|
|
|
}
|
|
|
+
|
|
|
.bannerInfo {
|
|
|
width: 520px;
|
|
|
height: 156px;
|
|
|
@@ -33,6 +37,7 @@
|
|
|
color: rgba(0, 0, 0, 0.65);
|
|
|
line-height: 25px;
|
|
|
letter-spacing: 1px;
|
|
|
+
|
|
|
h3 {
|
|
|
margin-bottom: 23px;
|
|
|
height: 35px;
|
|
|
@@ -40,12 +45,15 @@
|
|
|
font-weight: 400;
|
|
|
color: #131415;
|
|
|
}
|
|
|
+
|
|
|
.bannerRrey {
|
|
|
color: rgba(0, 0, 0, 0.5);
|
|
|
}
|
|
|
+
|
|
|
.bannerRed {
|
|
|
color: #f24a6c;
|
|
|
}
|
|
|
+
|
|
|
.bannerBtn {
|
|
|
width: 154px;
|
|
|
height: 43px;
|
|
|
@@ -62,15 +70,18 @@
|
|
|
justify-content: center;
|
|
|
margin-top: 25px;
|
|
|
cursor: pointer;
|
|
|
+
|
|
|
&:hover {
|
|
|
opacity: 0.8;
|
|
|
}
|
|
|
+
|
|
|
.rotueRight {
|
|
|
font-size: 14px;
|
|
|
margin-left: 4px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.leftDot {
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
@@ -78,6 +89,7 @@
|
|
|
width: 141px;
|
|
|
height: 141px;
|
|
|
}
|
|
|
+
|
|
|
.rightDot {
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
@@ -85,6 +97,7 @@
|
|
|
width: 158px;
|
|
|
height: 137px;
|
|
|
}
|
|
|
+
|
|
|
.lineIcon {
|
|
|
position: absolute;
|
|
|
z-index: 500;
|
|
|
@@ -93,6 +106,7 @@
|
|
|
left: 96px;
|
|
|
top: 89px;
|
|
|
}
|
|
|
+
|
|
|
.musicIcon {
|
|
|
position: absolute;
|
|
|
width: 51px;
|
|
|
@@ -102,6 +116,7 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.homeInfoRight {
|
|
|
width: 450px;
|
|
|
}
|
|
|
@@ -120,6 +135,7 @@
|
|
|
font-weight: 600;
|
|
|
color: #131415;
|
|
|
line-height: 28px;
|
|
|
+
|
|
|
.homeStudyTitleDot {
|
|
|
width: 5px;
|
|
|
height: 16px;
|
|
|
@@ -127,12 +143,14 @@
|
|
|
margin-right: 8px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.homeStudyInfoList {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
margin-top: 21px;
|
|
|
+
|
|
|
.homeStudyInfoTabs {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
@@ -150,17 +168,20 @@
|
|
|
margin-right: 24px;
|
|
|
background: #f5f6fa;
|
|
|
color: rgba(0, 0, 0, 0.5);
|
|
|
+
|
|
|
&:hover {
|
|
|
background: #198cfe;
|
|
|
color: #ffffff;
|
|
|
opacity: 0.8;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.homeStudyInfoTabItem.active {
|
|
|
background: #198cfe;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.homeStudyInfoDate {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
@@ -178,6 +199,7 @@
|
|
|
font-weight: 600 !important;
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
+
|
|
|
.resetBtn {
|
|
|
width: 90px;
|
|
|
height: 43px;
|
|
|
@@ -190,24 +212,29 @@
|
|
|
|
|
|
.homeTrainData {
|
|
|
margin-top: 40px;
|
|
|
+
|
|
|
.TrainDataTop {
|
|
|
margin-bottom: 40px;
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
+
|
|
|
.TrainDataTopLeft {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
+
|
|
|
.TrainDataItem {
|
|
|
margin-right: 40px;
|
|
|
+
|
|
|
.TrainDataItemTitle {
|
|
|
text-align: center;
|
|
|
font-size: 13px;
|
|
|
font-weight: 400;
|
|
|
color: #777777;
|
|
|
line-height: 18px;
|
|
|
+
|
|
|
span {
|
|
|
font-size: 24px;
|
|
|
font-weight: bold;
|
|
|
@@ -215,6 +242,7 @@
|
|
|
line-height: 28px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.TrainDataItemsubTitle {
|
|
|
margin-top: 4px;
|
|
|
text-align: center;
|
|
|
@@ -226,6 +254,7 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.TrainDataTopRight {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
@@ -237,6 +266,7 @@
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
margin-left: 30px;
|
|
|
+
|
|
|
&:hover {
|
|
|
opacity: 0.8;
|
|
|
}
|
|
|
@@ -248,10 +278,12 @@
|
|
|
border-radius: 4px;
|
|
|
margin-right: 6px;
|
|
|
}
|
|
|
+
|
|
|
.DataTopRightDot.red {
|
|
|
background: #ff7aa7;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.DataTopRightItem.DataTopRightItemDis {
|
|
|
.DataTopRightDot {
|
|
|
background: #f5f6fa;
|
|
|
@@ -260,38 +292,46 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.leftBottomWrap {
|
|
|
padding: 20px 32px;
|
|
|
border-radius: 20px;
|
|
|
background-color: #fff;
|
|
|
flex: 1;
|
|
|
+
|
|
|
.tableWrap {
|
|
|
margin-top: 40px;
|
|
|
+
|
|
|
:global {
|
|
|
.n-data-table {
|
|
|
border-radius: 10px 10px 0 0;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
+
|
|
|
.n-data-table-thead {
|
|
|
height: 54px;
|
|
|
line-height: 54px;
|
|
|
}
|
|
|
+
|
|
|
.n-data-table-th {
|
|
|
padding: 0 20px;
|
|
|
background-color: #f7f7f8;
|
|
|
color: rgba(0, 0, 0, 0.88);
|
|
|
}
|
|
|
+
|
|
|
.n-data-table-th__title-wrapper {
|
|
|
&::after {
|
|
|
content: '';
|
|
|
width: 1px;
|
|
|
height: 22px;
|
|
|
background: #ebebeb;
|
|
|
+
|
|
|
&:nth-last-child(1) {
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.n-data-table-th--last {
|
|
|
.n-data-table-th__title-wrapper {
|
|
|
&::after {
|
|
|
@@ -309,6 +349,7 @@
|
|
|
.homeInfoRight {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
+
|
|
|
.homeInfoRightTop {
|
|
|
border-radius: 20px;
|
|
|
background-color: #fff;
|
|
|
@@ -316,12 +357,15 @@
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
+
|
|
|
.HeaderWrap {
|
|
|
position: relative;
|
|
|
+
|
|
|
.headerD {
|
|
|
width: 237px;
|
|
|
height: 142px;
|
|
|
}
|
|
|
+
|
|
|
.defultHeade {
|
|
|
width: 116px;
|
|
|
height: 116px;
|
|
|
@@ -332,6 +376,7 @@
|
|
|
left: 61px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.headerInfo {
|
|
|
.headerTitle {
|
|
|
font-size: 20px;
|
|
|
@@ -342,6 +387,7 @@
|
|
|
margin: 18px 0 8px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
+
|
|
|
.headerSubTitle {
|
|
|
font-size: 14px;
|
|
|
font-weight: 400;
|
|
|
@@ -349,29 +395,36 @@
|
|
|
line-height: 20px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.quickEnter {
|
|
|
width: 100%;
|
|
|
margin-top: 30px;
|
|
|
+
|
|
|
.quickList {
|
|
|
margin-top: 20px;
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
justify-content: space-around;
|
|
|
+
|
|
|
.quickItem {
|
|
|
cursor: pointer;
|
|
|
+
|
|
|
&:hover {
|
|
|
opacity: 0.8;
|
|
|
}
|
|
|
+
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
+
|
|
|
.quickItemImg {
|
|
|
img {
|
|
|
width: 48px;
|
|
|
height: 48px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
p {
|
|
|
font-size: 14px;
|
|
|
font-weight: 600;
|
|
|
@@ -381,6 +434,7 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.rightTitle {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
@@ -388,6 +442,7 @@
|
|
|
font-weight: 600;
|
|
|
color: #131415;
|
|
|
font-size: 20px;
|
|
|
+
|
|
|
.titleDot {
|
|
|
width: 5px;
|
|
|
height: 16px;
|
|
|
@@ -395,6 +450,7 @@
|
|
|
margin-right: 8px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.rightTeachingWrap {
|
|
|
overflow: hidden;
|
|
|
flex: 1;
|
|
|
@@ -404,24 +460,28 @@
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
}
|
|
|
-.teachListWrap {
|
|
|
-}
|
|
|
+
|
|
|
+.teachListWrap {}
|
|
|
+
|
|
|
.teachGroup {
|
|
|
margin-top: 12px;
|
|
|
+
|
|
|
.teachGroupTitle {
|
|
|
font-size: 14px;
|
|
|
font-weight: 400;
|
|
|
color: #aaaaaa;
|
|
|
- width: 40px;
|
|
|
+ width: 55px;
|
|
|
text-align: center;
|
|
|
margin-bottom: 12px;
|
|
|
}
|
|
|
+
|
|
|
.teachGroupList {
|
|
|
padding-bottom: 12px;
|
|
|
margin-left: 20px;
|
|
|
border-left: 1px solid #d1e8ff;
|
|
|
min-height: 92px;
|
|
|
position: relative;
|
|
|
+
|
|
|
.teachGroupListDot {
|
|
|
width: 12px;
|
|
|
height: 12px;
|
|
|
@@ -433,6 +493,7 @@
|
|
|
position: absolute;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.teachGroupItemWrap {
|
|
|
margin-left: 28px;
|
|
|
background: #f7f9ff;
|
|
|
@@ -440,11 +501,14 @@
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: top;
|
|
|
+
|
|
|
&:nth-last-of-type(1) {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
+
|
|
|
margin-bottom: 12px;
|
|
|
padding: 10px;
|
|
|
+
|
|
|
.teachGroupItemLeft {
|
|
|
margin-right: 12px;
|
|
|
width: 50px;
|
|
|
@@ -452,18 +516,22 @@
|
|
|
border-radius: 50%;
|
|
|
overflow: hidden;
|
|
|
border: 2px solid #198cfe;
|
|
|
+
|
|
|
.teachGroupItemHeader {
|
|
|
border: 2px solid #fff;
|
|
|
border-radius: 50%;
|
|
|
overflow: hidden;
|
|
|
+
|
|
|
img {
|
|
|
width: 44px;
|
|
|
height: 44px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.teachGroupItemRight {
|
|
|
flex: 1;
|
|
|
+
|
|
|
.teachGroupItemName {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
@@ -473,6 +541,7 @@
|
|
|
margin-top: 2px;
|
|
|
font-weight: 600;
|
|
|
color: #131415;
|
|
|
+
|
|
|
span {
|
|
|
font-size: 13px;
|
|
|
font-weight: 400;
|
|
|
@@ -480,6 +549,7 @@
|
|
|
line-height: 18px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.teachGroupItemInfo {
|
|
|
font-size: 13px;
|
|
|
line-height: 18px;
|
|
|
@@ -488,12 +558,14 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.indDot,
|
|
|
.endDot {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
.indDot {
|
|
|
span {
|
|
|
border-radius: 50%;
|
|
|
@@ -503,9 +575,11 @@
|
|
|
margin-right: 8px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.endDot {
|
|
|
opacity: 0.7;
|
|
|
color: #aaaaaa;
|
|
|
+
|
|
|
span {
|
|
|
border-radius: 50%;
|
|
|
width: 8px;
|
|
|
@@ -514,25 +588,31 @@
|
|
|
margin-right: 8px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.chioseModel {
|
|
|
width: 413px;
|
|
|
+
|
|
|
:global {
|
|
|
.n-select {
|
|
|
width: 100%;
|
|
|
min-width: 180px;
|
|
|
+
|
|
|
.n-base-selection-label {
|
|
|
height: 43px;
|
|
|
line-height: 43px;
|
|
|
}
|
|
|
+
|
|
|
.n-base-selection__border {
|
|
|
border-radius: 8px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
+
|
|
|
.n-base-selection__state-border {
|
|
|
border-radius: 8px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.n-card-header {
|
|
|
position: relative;
|
|
|
padding: 20px 18px;
|
|
|
@@ -543,14 +623,17 @@
|
|
|
color: #131415;
|
|
|
line-height: 30px;
|
|
|
}
|
|
|
+
|
|
|
.n-card-header__close {
|
|
|
position: absolute;
|
|
|
right: 18px;
|
|
|
}
|
|
|
+
|
|
|
.n-card__content {
|
|
|
padding-bottom: 30px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.updateBtnGroup {
|
|
|
padding: 0;
|
|
|
justify-content: center !important;
|
|
|
@@ -562,4 +645,4 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
+}
|
