diff --git a/public/resource/img/kc/moren.jpg b/public/resource/img/kc/moren.jpg
new file mode 100644
index 0000000..97d9540
Binary files /dev/null and b/public/resource/img/kc/moren.jpg differ
diff --git a/src/views/site/index.vue b/src/views/site/index.vue
index a0477de..2b02125 100644
--- a/src/views/site/index.vue
+++ b/src/views/site/index.vue
@@ -25,7 +25,7 @@
     ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
     <a-layout>
       <a-layout-header>
-        <BackTop :visibilityHeight="1"/>
+        <BackTop/>
         <span class="topTitle">管理系统</span>
         <span class="topRight">
           <a-dropdown>
@@ -132,19 +132,28 @@
             <a href="javascript:void(0);">同行评价表</a>
           </template>
           <template #extra><a href="javascript:void(0);">查看更多</a></template>
-          <a-row :gutter="[16,16]">
-            <a-col v-for="(item,index) in 10" :key="index" :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }">
-              <div style="border-radius: 25px;background: #cccccc8c;width: 70%;margin-bottom: 0.5rem;text-align: center;margin: 0 auto .5rem;">
-                时间{{ item }}
-              </div>
-              <a-card>
-                子card
-              </a-card>
-            </a-col>
-          </a-row>
         </a-card>
         <a-card class="rowGutter" title="精彩公开课">
-          ccccc
+          <a-row :gutter="[16,16]">
+            <a-col v-for="(item,index) in 10" :key="index" :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }">
+              <div style="border-radius: 25px;background: #cccccc8c;width: 70%;margin-bottom: 0.5rem;text-align: center;margin: 0 auto .5rem;padding: 0.5rem;">
+                时间{{ item }}
+              </div>
+              <div>
+                <div>
+                  <span style="position: absolute;top: 4rem;border-radius: 0 10px 10px 0;background: #1c84c6;color: #FFF;padding: 3px 10px 3px 5px;">公开课预告</span>
+                  <img style="border-radius: 10px 10px 0 0;" src="/resource/img/kc/moren.jpg"/>
+                </div>
+                <div style="padding: 0 1rem 1rem;background: #f3f3f3;">
+                  <div>名称</div>
+                  <div>名称2</div>
+                  <div>课的名称</div>
+                  <div>N人听课</div>
+                  <div><a-button type="primary" style="width: 100%;">进入课堂</a-button></div>
+                </div>
+              </div>
+            </a-col>
+          </a-row>
         </a-card>
         <a-card class="rowGutter" title="今日课程列表">
           ccccc