refactor:refactor course detail page style

src/views/CoursePage/style/CourseDetail.css

@@ -7,8 +7,7 @@
 
 .course-detail-container {
     box-sizing: border-box;
-    width: 1000px;
-    min-width: 1000px;
+    padding: 0 100px;
     margin-top: 32px;
 }
 

src/views/ManagePage/ManagePage.vue

@@ -1,16 +1,16 @@
 <template>
+  <GlobalHeader/>
   <div class="page">
-    <GlobalHeader/>
     <div class="container">
       <div class="header">
         <span class="title">课程列表</span>
         <div>
           <el-select v-model="value" class="m-2" placeholder="Select">
             <el-option
-              v-for="item in options"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
             >
             </el-option>
           </el-select>
@@ -23,12 +23,8 @@
         </div>
       </div>
     </div>
-<!--    <div class="pagination">-->
-<!--      <el-pagination :total="1000" background layout="prev, pager, next">-->
-<!--      </el-pagination>-->
-<!--    </div>-->
   </div>
-  <el-dialog v-model="dialogVisible" title="新增课程" width="50%" :before-close="handleFormCancel">
+  <el-dialog v-model="dialogVisible" :before-close="handleFormCancel" title="新增课程" width="50%">
     <el-form ref="formRef" :model="form" label-width="120px">
       <el-form-item label="课程名称">
         <el-input v-model="form.name" placeholder="请输入课程名称"></el-input>

src/views/ManagePage/managePage.css

@@ -1,15 +1,10 @@
 .page {
     min-height: 100vh;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
 }
 
 
 .container {
     box-sizing: border-box;
-    width: 1500px;
-    min-width: 1500px;
     margin-top: 32px;
 }
 
@@ -64,11 +59,6 @@
     border-radius: 8px;
 }
 
-.cItem:hover {
-    /*hover可以作用于子元素，故不能在组件中定义hover伪类
-    这会导致组件中的每个元素均受到影响*/
-    box-shadow: 0 4px 16px 0 rgb(0 0 0 / 12%);
-}
 
 .cItem:nth-child(4n) {
     margin-right: 0;
@@ -78,10 +68,6 @@
     margin-top: 32px;
 }
 
-/*.el-pagination.is-background .el-pager li {*/
-/*    min-width: 36px;*/
-/*}*/
-
 
 .el-dialog__title {
     font-size: 24px;