教师节

src/views/grateful/ToolDown.vue

@@ -0,0 +1,70 @@
+<template>
+  <div>
+    <!-- 教师赋能 -->
+    <div class="xindex-content" style="padding: 0">
+      <div class="modules xcontent2">
+        <div class="xcontent2-main">
+          <div class="modules-list" style="margin-top: 0; padding: 48px">
+            <!--内容列表内容-->
+            <div
+              v-for="(course, ccidx) in 5"
+              :key="'cc' + ccidx"
+              class="toolEvery"
+              style="position: relative"
+            >
+              HHh
+            </div>
+          </div>
+        </div>
+        <div class="xcontent2-minor" style="margin-left: 25px">
+          <div class="portal-ranking ranking-bg">
+            <p class="ranking-title">教师赋能排行榜</p>
+            <ul class="xindex-ranking-course">
+              <li
+                class="xindex-ranking-li"
+                v-for="(item, cindex) in 10"
+                :key="'cc' + cindex"
+              >
+                <a style="display: inherit">
+                  <span class="portal-right-text blue-one">
+                    <img :src="getPic(cindex)" alt="" />
+                  </span>
+                  <span
+                    class="portal-title-desc index-one-line-ellipsis title-line-ellipsis"
+                    style="font-size: 14px; color: #04243c"
+                    >哈哈哈哈</span
+                  >
+                </a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data: () => {
+    return {};
+  },
+  methods: {
+    getPic(index) {
+      return this.webBaseUrl + "/images/listblue0" + (index + 1) + ".png";
+    },
+  },
+};
+</script>
+<style scoped lang='scss'>
+.modules-list {
+  height: 555px;
+  background: #ffffff;
+  border-radius: 8px;
+  .toolEvery {
+    height: 80px;
+    line-height: 80px;
+    opacity: 0.2;
+    border-bottom: 1px solid #999999;
+  }
+}
+</style>