|
@@ -0,0 +1,47 @@
|
|
|
+<template>
|
|
|
+ <div style="margin-top: 20px;">
|
|
|
+ <h2 class="contentTitle">展示课程</h2>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="6">
|
|
|
+ <div class="grid-content ep-bg-purple">
|
|
|
+ <video loop muted controls
|
|
|
+ src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/d2b93418-4c15-32ae-9c8b-938eb459518c/1-%E4%BC%98%E8%B4%A8%E8%AF%BE%E7%A8%8B%E8%A7%86%E9%A2%91-%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E7%94%9F%E6%88%90%E6%8A%80%E6%9C%AF%E7%9A%84%E5%88%86%E7%B1%BB_%E4%BC%98%E8%B4%A8%E8%AF%BE%E8%A7%86%E9%A2%91.mp4"></video>
|
|
|
+ <div class="course_content">
|
|
|
+ <div class="div_title">
|
|
|
+ 优质课程
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <div class="grid-content ep-bg-purple">
|
|
|
+ <video loop muted controls
|
|
|
+ src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/d2b93418-4c15-32ae-9c8b-938eb459518c/1.%E7%A4%BA%E4%BE%8B%E8%AF%BE%E8%A7%86%E9%A2%91-%E8%BF%81%E7%A7%BB%E5%AD%A6%E4%B9%A0--%E4%BB%A5%E2%80%9C%E5%8A%A8%E7%89%A9%E5%88%86%E7%B1%BB%E2%80%9D%E4%B8%BA%E4%BE%8B.mp4"></video>
|
|
|
+ <div class="course_content">
|
|
|
+ <div class="div_title">
|
|
|
+ 示例课程
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script setup>
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.grid-content {
|
|
|
+ border-radius: 4px;
|
|
|
+ min-height: 36px;
|
|
|
+ background: #fff;
|
|
|
+ padding: 12px;
|
|
|
+
|
|
|
+ // height: 300px;
|
|
|
+ video {
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|