修改样式

src/components/course/classlog-form.vue

+<style>
+  .classLog{
+    margin:0 20px;
+    height:600px;
+    overflow:auto;
+  }
+  .classLog::-webkit-scrollbar {
+    width: 3px;
+    height: 3px;
+    background-color: #F5F5F5;
+  }
+  /*!*定义滚动条轨道 内阴影+圆角*!*/
+ .classLog::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    border-radius: 10px;
+    background-color: #F5F5F5;
+  }
+  /*!*定义滑块 内阴影+圆角*!*/
+  .classLog::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    -webkit-box-shadow: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
+    background-color: #0ae;
+  }
+  .classLog_Title{
+    font-size:14px;
+    font-weight: bold;
+    color:#2D2D2D;
+  }
+</style>
 <template>
-  <div class="classLog">
+  <div class="classLog" style="margin:0 20px;">
     <q-timeline>
       <template v-for="(item,index) in dataList">
         <q-timeline-entry>
           <template v-slot:title>
-            {{item.LogTypeStr}} {{item.CreatHour}}
+            <div class="classLog_Title">{{item.LogTypeStr}} {{item.CreatHour}}</div>
           </template>
-          <div>
+          <div style="font-size:13px;">
             {{item.CreateByName}}: {{item.LogContent}}
           </div>
         </q-timeline-entry>

src/pages/administration/document.vue

@@ -34,14 +34,18 @@
           </div>
 
         </div>
-        <div class="page-option">
+        <!-- <div class="page-option">
           <q-btn color="accent" class="q-mr-md" icon="add" label="发布公文" @click="addDoc(null)" />
-
-        </div>
+        </div> -->
       </div>
       <div class="page-content">
         <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table"
                  separator="none" title="" :data="data" :columns="columns" row-key="name">
+          <template v-slot:top="props">
+            <div class="page-option" style="width:100%;">
+              <q-btn color="accent" style="float:right;margin-right:0;" size="sm" class="q-mr-md" icon="add" label="发布公文" @click="addDoc(null)" />
+            </div>
+          </template>
           <template v-slot:body-cell-NoticeStateName="props">
             <q-td :props="props">
               <div class="row" style="line-height: 30px">

src/pages/course/classManage.vue

@@ -22,14 +22,17 @@
           <q-select @input="getClassList" standout="bg-primary text-white" option-value="SId" option-label="SName"
             v-model="msg.School_Id" :options="schoolList" emit-value map-options label="关联校区" />
         </div>
-      </div>
-      <div class="page-option">
-        <q-btn color="accent" class="q-mr-md" icon="add" label="新增班级" @click="EditCourse(null)" />
-      </div>
-    </div>
+      </div>    </div>
     <div class="page-content">
       <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
-        separator="none" title="班级信息" :data="data" :columns="columns" row-key="name">
+        separator="none" :data="data" :columns="columns" row-key="name">
+        <template v-slot:top="props">
+          <div class="col-2 q-table__title">班级信息</div>
+          <q-space />
+          <div class="page-option">
+            <q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增班级" @click="EditCourse(null)" />
+          </div>
+        </template>
         <template v-slot:body-cell-ClassName="props">
           <q-td auto-width :props="props">
             <q-avatar size="md" style="background:#d4dfff;color:#2961FE;font-weight:bold;" v-if="props.row.ClassName">

src/pages/course/course.vue

@@ -16,13 +16,17 @@
             emit-value map-options label="状态" />
         </div>
       </div>
-      <div class="page-option">
-        <q-btn color="accent" class="q-mr-md" icon="add" label="新增课程" @click="EditCourse(null)" />
-      </div>
     </div>
     <div class="page-content">
       <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table"
-        separator="none" title="课程信息" :data="data" :columns="columns" row-key="name">
+        separator="none" :data="data" :columns="columns" row-key="name">
+        <template v-slot:top="props">
+          <div class="col-2 q-table__title">课程信息</div>
+          <q-space />
+          <div class="page-option">
+            <q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增课程" @click="EditCourse(null)" />
+          </div>
+        </template>
         <template v-slot:body-cell-CoverImg="props">
           <q-td :props="props">
             <q-avatar square size="100px">