<template>
    <div style="margin-top: 20px;">
        <h2 class="contentTitle">
            <div class="Levelone">
                展示课程
            </div>
        </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;
    }
}
.Levelone{
  width: 120px;
  background: #E0EAFB;
  border-radius: 5px;
  color: #5D8AFB;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 33px;
  font-size: 16px;
  font-weight: 500;
}
</style>