-
取消
+
diff --git a/src/components/admin/CourseComponents/css/CourseCreate.css b/src/components/admin/CourseComponents/css/CourseCreate.css
index 3c292cf..1efcfc0 100644
--- a/src/components/admin/CourseComponents/css/CourseCreate.css
+++ b/src/components/admin/CourseComponents/css/CourseCreate.css
@@ -63,33 +63,33 @@
font-size: 14px;
}
- .delete-icon:hover {
+ .image-delete-icon:hover {
background-color: rgba(0,0,0,0.7);
}
/* 主容器 */
- .page {
+ .course-create-page {
background-color: rgba(255, 255, 255, 1);
position: relative;
height: 1712px;
overflow: hidden;
}
-
+
.course-form-container {
height: 1211px;
background-size: 100% 100%;
/* width: 1565px; */
position: absolute;
}
-
+
/* 第一行：课程名称和分类 */
- .form-row-name-category {
+ .course-basic-info-row {
width: 1307px;
height: 43px;
margin: 30px 0 0 102px;
}
-
- .label-required {
+
+ .course-name-label {
width: 89px;
height: 18px;
overflow-wrap: break-word;
@@ -101,8 +101,8 @@
line-height: 18px;
margin-top: 9px;
}
-
- .text_17 {
+
+ .required-asterisk {
color: rgba(255, 77, 79, 1);
font-size: 16px;
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
@@ -111,8 +111,8 @@
white-space: nowrap;
line-height: 18px;
}
-
- .text_18 {
+
+ .label-text {
color: rgba(51, 51, 51, 1);
font-size: 16px;
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
@@ -124,7 +124,6 @@
.course-name-input-wrapper {
height: 42px;
- background: url('https://lanhu-oss-proxy.lanhuapp.com/SketchPng0c566254a6a0c3582d01e2e43aa32f1d489ef242fdb9edc5d62cba70ef107932') -1px -1px no-repeat;
background-size: 562px 44px;
margin-left: 2px;
width: 560px;
@@ -148,15 +147,15 @@
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
-
- .category-section {
+
+ .course-category-section {
height: 42px;
width: 522px;
position: relative;
margin: 1px 0 0 134px;
}
-
- .label-category {
+
+ .course-category-label {
width: 89px;
height: 18px;
overflow-wrap: break-word;
@@ -169,29 +168,8 @@
margin-top: 9px;
}
- .text_20 {
- color: rgba(255, 77, 79, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .text_21 {
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
.course-category-select-wrapper {
height: 42px;
- background: url('https://lanhu-oss-proxy.lanhuapp.com/SketchPng6707d9feee4351d5a2074b608afb0fe7030541f64dda0fc48efc065ff1909768') -1px -1px no-repeat;
background-size: 562px 44px;
width: 560px;
position: absolute;
@@ -212,13 +190,13 @@
}
/* 第二行：主讲老师 */
- .form-row-instructor {
+ .instructor-sort-row {
width: 1340px;
height: 42px;
margin: 29px 0 0 102px;
}
-
- .label-instructor {
+
+ .instructor-label {
width: 89px;
height: 18px;
overflow-wrap: break-word;
@@ -230,31 +208,10 @@
line-height: 18px;
margin-top: 9px;
}
-
- .text_23 {
- color: rgba(255, 77, 79, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .text_24 {
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .form-select-wrapper {
+
+ .instructor-select-wrapper {
width: 560px;
height: 42px;
- background: url('https://lanhu-oss-proxy.lanhuapp.com/SketchPng0c566254a6a0c3582d01e2e43aa32f1d489ef242fdb9edc5d62cba70ef107932') -1px -1px no-repeat;
background-size: 562px 44px;
margin-left: 2px;
border: 1px solid #e0e0e0;
@@ -270,16 +227,16 @@
border: none;
background: transparent;
}
-
+
/* 主讲老师选择区域样式已整合到 .instructor-select 中 */
-
- .sort-section {
+
+ .course-sort-section {
height: 42px;
margin-left: 159px;
width: 530px;
}
-
- .label-sort {
+
+ .course-sort-label {
width: 57px;
height: 18px;
overflow-wrap: break-word;
@@ -291,35 +248,14 @@
line-height: 18px;
margin-top: 9px;
}
-
- .text_28 {
- color: rgba(255, 77, 79, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .text_29 {
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
+
/* 排序输入框 */
- .form-input-wrapper {
+ .course-sort-input-wrapper {
position: absolute;
left: 974px;
top: 102px;
width: 560px;
height: 42px;
- background: url('https://lanhu-oss-proxy.lanhuapp.com/SketchPng0c566254a6a0c3582d01e2e43aa32f1d489ef242fdb9edc5d62cba70ef107932') -1px -1px no-repeat;
background-size: 562px 44px;
border: 1px solid #e0e0e0;
border-radius: 4px;
@@ -343,13 +279,13 @@
}
/* 第三行：时间选择 */
- .form-row-date {
+ .course-time-row {
width: 1463px;
height: 49px;
margin: 30px 0 0 71px;
}
-
- .label-date {
+
+ .start-time-label {
width: 121px;
height: 18px;
overflow-wrap: break-word;
@@ -361,31 +297,10 @@
line-height: 18px;
margin-top: 9px;
}
-
- .text_30 {
- color: rgba(255, 77, 79, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .text_31 {
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .start-date-wrapper, .end-date-wrapper {
+
+ .start-time-picker-wrapper, .end-time-picker-wrapper {
width: 560px;
height: 42px;
- background: url('https://lanhu-oss-proxy.lanhuapp.com/SketchPng0c566254a6a0c3582d01e2e43aa32f1d489ef242fdb9edc5d62cba70ef107932') -1px -1px no-repeat;
background-size: 562px 44px;
margin-left: 1px;
border: 1px solid #e0e0e0;
@@ -406,7 +321,7 @@
background: transparent;
}
- .label-end-date {
+ .end-time-label {
width: 121px;
height: 18px;
overflow-wrap: break-word;
@@ -418,35 +333,15 @@
line-height: 18px;
margin: 16px 0 0 94px;
}
-
- .text_33 {
- color: rgba(255, 77, 79, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .text_34 {
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
+
/* 参与学员 */
- .form-row-students {
+ .student-selection-row {
width: 312px;
height: 18px;
margin: 23px 0 0 103px;
}
-
- .label-students {
+
+ .student-selection-label {
width: 89px;
height: 18px;
overflow-wrap: break-word;
@@ -458,38 +353,18 @@
line-height: 18px;
}
- .text_36 {
- color: rgba(255, 77, 79, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .text_37 {
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .radio-group {
+ .student-type-radio-group {
margin-left: 3px;
align-items: center;
}
-
+
.radio-option {
display: flex;
align-items: center;
cursor: pointer;
margin-right: 38px;
}
-
+
.radio-circle {
width: 16px;
height: 16px;
@@ -502,22 +377,19 @@
justify-content: center;
transition: all 0.3s;
}
-
+
.radio-circle.active {
border-color: #1890ff;
}
-
+
.radio-dot {
width: 8px;
height: 8px;
background: #1890ff;
border-radius: 50%;
}
-
- .text_38 {
- width: 64px;
- height: 18px;
- overflow-wrap: break-word;
+
+ .radio-text {
color: rgba(51, 51, 51, 1);
font-size: 16px;
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
@@ -528,31 +400,16 @@
margin-left: 7px;
}
- .text_39 {
- width: 80px;
- height: 18px;
- overflow-wrap: break-word;
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- margin-left: 13px;
- }
-
/* 班级选择 */
- .form-row-class {
+ .class-selection-row {
width: 560px;
height: 44px;
margin: 16px 0 0 192px;
}
-
- .form-select-wrapper {
+
+ .class-select-wrapper {
width: 560px;
height: 44px;
- background: url('https://lanhu-oss-proxy.lanhuapp.com/SketchPngb89ecf81e0b2e98c1dec216c0968c095d68c1fc22ee6bbd38f62d3e511dcb563') 100% no-repeat;
background-size: 100% 100%;
border: 1px solid #e0e0e0;
border-radius: 4px;
@@ -560,22 +417,22 @@
display: flex;
align-items: center;
}
-
+
.class-select {
width: 100%;
height: 100%;
border: none;
background: transparent;
}
-
+
/* 课程封面 */
- .form-row-cover {
+ .course-cover-row {
width: 312px;
height: 128px;
margin: 30px 0 0 41px;
}
-
- .label-cover {
+
+ .course-cover-label {
width: 89px;
height: 18px;
overflow-wrap: break-word;
@@ -588,27 +445,7 @@
margin-top: 9px;
}
- .text_41 {
- color: rgba(255, 77, 79, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .text_42 {
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .cover-upload-box {
+ .cover-upload-area {
width: 160px;
height: 128px;
border: 2px dashed #d9d9d9;
@@ -619,13 +456,13 @@
cursor: pointer;
transition: all 0.3s;
}
-
- .box_6:hover {
+
+ .cover-upload-area:hover {
border-color: #1890ff;
background-color: #f0f8ff;
}
-
- .image-text_6 {
+
+ .upload-container {
width: 100%;
height: 100%;
text-align: center;
@@ -671,7 +508,7 @@
line-height: 18px;
}
- .text-group_6 {
+ .upload-text-label {
width: 32px;
height: 18px;
overflow-wrap: break-word;
@@ -685,14 +522,14 @@
}
/* 课程简介标题 */
- .form-row-description {
+ .course-description-header {
position: relative;
width: 1452px;
height: 20px;
margin: 42px 0 0 41px;
}
-
- .label-description {
+
+ .course-description-label {
width: 89px;
height: 18px;
overflow-wrap: break-word;
@@ -704,27 +541,6 @@
line-height: 18px;
}
- .text_43 {
- color: rgba(255, 77, 79, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .text_44 {
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- padding-bottom: 2px;
- }
-
.toolbar-icon-btn {
@@ -743,7 +559,7 @@
}
/* 富文本编辑器区域 */
- .editor-container {
+ .description-editor-container {
height: 336px;
background-size: 100% 100%;
width: 1340px;
@@ -757,19 +573,6 @@
- .text_62 {
- width: 32px;
- height: 22px;
- overflow-wrap: break-word;
- color: rgba(153, 153, 153, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 22px;
- }
-
.toolbar-btn {
background: #f5f5f5;
border: 1px solid #d9d9d9;
@@ -780,25 +583,12 @@
font-weight: bold;
transition: all 0.3s;
}
-
+
.toolbar-btn:hover {
background: #e6f7ff;
border-color: #1890ff;
}
- .text_63, .text_64, .text_65 {
- width: 64px;
- height: 22px;
- overflow-wrap: break-word;
- color: rgba(153, 153, 153, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 22px;
- }
-
.rich-text-editor {
width: 100%;
@@ -826,221 +616,104 @@
}
/* 设置选项区域 */
- .form-settings {
+ .course-settings-section {
margin-top: 20px;
}
-
- .form-row-settings {
- width: 208px;
+
+ .stop-on-leave-setting {
+ width: 350px;
height: 24px;
margin: 334px 0 0 31px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
}
-
- .settings-label {
- width: 208px;
+
+ .setting-control {
+ width: 100%;
height: 24px;
+ display: flex;
+ align-items: center;
}
-
- .label-settings {
- width: 153px;
+
+ .setting-label {
+ width: auto;
height: 18px;
overflow-wrap: break-word;
font-size: 0;
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
font-weight: normal;
- text-align: right;
+ text-align: left;
white-space: nowrap;
line-height: 18px;
margin-top: 1px;
+ display: flex;
+ align-items: center;
+ margin-right: 5px;
}
- .text_47 {
- color: rgba(255, 77, 79, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .text_48 {
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .label_5, .label_6, .label_7, .label_8 {
- width: 48px;
- height: 24px;
- }
-
- .form-row-setting1 {
- width: 177px;
+ .video-speed-setting {
+ width: 350px;
height: 24px;
margin: 29px 0 0 63px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
}
-
- .setting1-label {
- width: 177px;
- height: 24px;
- }
-
- .label-setting1 {
- width: 121px;
- height: 18px;
- overflow-wrap: break-word;
- font-size: 0;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: right;
- white-space: nowrap;
- line-height: 18px;
- margin-top: 2px;
- }
-
- .text_49 {
- color: rgba(255, 77, 79, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .text_50 {
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .form-row-setting2 {
- width: 176px;
+
+ .video-text-setting {
+ width: 350px;
height: 24px;
margin: 31px 0 0 63px;
- }
-
- .setting2-label {
- width: 176px;
- height: 24px;
- }
-
- .label-setting2 {
- width: 121px;
- height: 18px;
- overflow-wrap: break-word;
- font-size: 0;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: right;
- white-space: nowrap;
- line-height: 18px;
- margin-top: 1px;
- }
-
- .text_51 {
- color: rgba(255, 77, 79, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .text_52 {
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
}
/* 积分设置 */
- .form-row-points {
- width: 705px;
+ .points-setting-row {
+ width: 800px;
height: 40px;
margin: 21px 0 140px 95px;
display: flex;
align-items: center;
gap: 10px;
}
-
- .points-label {
- width: 144px;
+
+ .points-setting-control {
+ width: auto;
height: 24px;
margin-top: 9px;
- }
-
- .label-points {
- width: 89px;
- height: 18px;
- overflow-wrap: break-word;
- font-size: 0;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: right;
- white-space: nowrap;
- line-height: 18px;
- margin-top: 1px;
- }
-
- .text_53 {
- color: rgba(255, 77, 79, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .text_54 {
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .text_55 {
- width: 80px;
- height: 18px;
- overflow-wrap: break-word;
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: right;
- white-space: nowrap;
- line-height: 18px;
- }
-
- .form-input-container {
- width: 95px;
- height: 40px;
display: flex;
align-items: center;
- justify-content: center;
+ margin-right: 20px;
}
- .points-input-wrapper {
+ .points-setting-control .setting-label {
+ width: 89px;
+ margin-right: 0;
+ }
+
+ .points-description-text {
+ color: rgba(51, 51, 51, 1);
+ font-size: 16px;
+ font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
+ font-weight: normal;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 0 8px;
+ }
+
+ .earn-points-input-container, .required-points-input-container {
+ width: 80px;
+ height: 32px;
display: flex;
align-items: center;
justify-content: center;
+ border: 1px solid #d9d9d9;
+ border-radius: 4px;
+ background: white;
}
/* 蓝色开关样式 */
@@ -1074,6 +747,7 @@
border: none;
font-size: 0; /* 隐藏文字 */
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
+ margin-left: 0;
}
.toggle-button::after {
@@ -1086,6 +760,7 @@
border-radius: 50%;
background-color: white;
transition: all 0.3s;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.toggle-button-active {
@@ -1097,55 +772,31 @@
left: calc(100% - 20px);
}
- /* 原生输入框样式 */
- .native-input {
- width: 60px;
- height: 32px;
- border: 1px solid #d9d9d9;
- border-radius: 4px;
- padding: 0 8px;
+ /* 积分输入框样式 */
+ .points-input {
+ width: 100%;
+ height: 100%;
+ border: none;
+ background: transparent;
font-size: 14px;
color: #333;
text-align: center;
outline: none;
}
- .native-input:focus {
- border-color: #1890ff;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+ .points-input:focus {
+ background: rgba(240, 248, 255, 0.3);
}
- .switch-label-wrapper, .switch-label-wrapper {
- height: 40px;
- background: url('https://lanhu-oss-proxy.lanhuapp.com/SketchPng1a2eb72f1480743558f91e49aec2dc2a3d80967b637914e90d1f0f336996dbda') 100% no-repeat;
- background-size: 100% 100%;
- width: 95px;
- border: 1px solid #e0e0e0;
- border-radius: 4px;
- padding: 0 10px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .text_57, .text_58, .text_60 {
- color: rgba(51, 51, 51, 1);
- font-size: 16px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 18px;
- }
+
/* 底部按钮区域 */
- .form-actions {
+ .form-action-buttons {
position: absolute;
left: -325px;
top: 1149px;
width: 1917px;
height: 91px;
- background: url('https://lanhu-oss-proxy.lanhuapp.com/SketchPng11b05e7480bb75566040ec52253807fb4ccab8760da9c42bd4c2c144142c75a3') 0px -26px no-repeat;
background-size: 1920px 139px;
display: flex;
align-items: center;
@@ -1153,13 +804,13 @@
padding-right: 100px;
gap: 15px;
}
-
- .action-button-group {
+
+ .button-spacer {
width: 66px;
height: 32px;
}
-
- .btn-cancel {
+
+ .cancel-button {
height: 32px;
width: 80px;
border: 1px solid #d9d9d9;
@@ -1171,26 +822,13 @@
transition: all 0.3s;
background-color: white;
}
-
- .btn-cancel:hover {
+
+ .cancel-button:hover {
border-color: #40a9ff;
color: #40a9ff;
}
-
- .text_67 {
- width: 32px;
- height: 22px;
- overflow-wrap: break-word;
- color: rgba(0, 0, 0, 0.65);
- font-size: 14px;
- font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 22px;
- }
-
- .btn-submit {
+
+ .submit-button {
height: 32px;
width: 80px;
background-color: #1890ff;
@@ -1202,49 +840,38 @@
cursor: pointer;
transition: all 0.3s;
}
-
- .btn-submit:hover {
+
+ .submit-button:hover {
background-color: #40a9ff;
border-color: #40a9ff;
}
-
- .text_68 {
- width: 32px;
- height: 22px;
- overflow-wrap: break-word;
+
+ .button-text {
color: rgba(255, 255, 255, 1);
font-size: 16px;
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
font-weight: normal;
- text-align: left;
+ text-align: center;
white-space: nowrap;
line-height: 22px;
}
+
+ .cancel-button .button-text {
+ color: rgba(0, 0, 0, 0.65);
+ font-size: 14px;
+ }
/* 响应式设计 */
@media (max-width: 1920px) {
- .page {
+ .course-create-page {
width: 100%;
min-width: 1200px;
}
-
- .block_5 {
- width: calc(100% - 325px);
- left: 325px;
- }
}
-
+
@media (max-width: 1400px) {
- .group_5, .group_6, .group_10 {
+ .course-basic-info-row, .instructor-sort-row, .course-time-row {
width: 90%;
margin-left: 5%;
}
-
- .section_1 {
- margin-left: 50px;
- }
-
- .group_21 {
- left: 70%;
- }
}
\ No newline at end of file
diff --git a/src/components/admin/CourseManagement.vue b/src/components/admin/CourseManagement.vue
index 58a389f..7e357f2 100644
--- a/src/components/admin/CourseManagement.vue
+++ b/src/components/admin/CourseManagement.vue
@@ -30,6 +30,15 @@
下架
- 
编辑
移动
删除
发布
-