diff --git a/src/views/site/index.vue b/src/views/site/index.vue
index a0477de..76a250c 100644
--- a/src/views/site/index.vue
+++ b/src/views/site/index.vue
@@ -146,8 +146,54 @@
         <a-card class="rowGutter" title="精彩公开课">
           ccccc
         </a-card>
-        <a-card class="rowGutter" title="今日课程列表">
-          ccccc
+        <a-card class="rowGutter">
+          <template #title>
+            <span style="font-size: 24px;font-weight: bold;">今日课程列表</span>
+          </template>
+          <a-row class="rowGutter" :gutter="[16,16]">
+            <a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 6 }" v-for="(item,index) in [{},{},{},{},{},{}]" :key="index" style="margin-bottom: 40px;">
+              <div style="border: 2px #eef1f2 solid;">
+                <div>
+                  <div style="width: 100%;height: 20px;background-color: #1c84c6;"></div>
+                  <div style="width:100%;white-space:normal; word-break:break-all;overflow:hidden;padding: 10px;height: 70px;font-weight: 600;font-size: 16px;">
+                    灾害风险防范{{index}}
+                  </div>
+                </div>
+                <a-divider style="margin: 0px;color: #eef1f2;"/>
+                <div style="padding: 20px;font-weight: 600;">
+                  <a-row>
+                    <a-col :span="16">
+                      <div style="height: 30px;font-size: 16px;">张继权</div>
+                      <div style="height: 30px;font-size: 14px;">环境学院环境</div>
+                    </a-col>
+                    <a-col :span="8" style="text-align: center;height: 70px;">
+                      <div style="color: #1c84c6;font-size: 24px;font-weight: 600;">30</div>
+                      <div style="font-size: 14px;">选课人数</div>
+                    </a-col>
+                    <a-col :span="24" style="margin-top:20px;">
+                      <div>
+                        第<span>01、02</span>节
+                      </div>
+                    </a-col>
+                    <a-col :span="24">
+                      <div style="width:100%;text-align: center;">
+                        —————线下上课地点—————
+                      </div>
+                    </a-col>
+                    <a-col :span="24">
+                      <div style="height: 60px;">
+                        环境学院107室
+                      </div>
+                    </a-col>
+                    <a-col :span="24">
+                      <a-button type="primary" style="background-color: #1c84c6;float: left;font-weight: 600;">预约</a-button>
+                      <a-button type="primary" style="background-color: #1c84c6;float: right;font-weight: 600;">报错</a-button>
+                    </a-col>
+                  </a-row>
+                </div>
+              </div>
+            </a-col>
+          </a-row>
         </a-card>
         </a-layout-content>
       <a-layout-footer>