| | |
| | | <div class="bg"> |
| | | <div class="main"> |
| | | <div class="list"> |
| | | <div class="card list-con" v-for="item in curriculum"> |
| | | <div class="card list-con" v-for="(item,index) in curriculum" :key="index"> |
| | | <img src="@/assets/img/teach/list-card-bg.jpg" style="height:220px;width:350px" alt="" |
| | | v-if="!item.start"> |
| | | <video :id="`video-${item.id}`" v-show="item.start" height="220px" width="350px"></video> |
| | |
| | | <span>{{ item.time }}</span> |
| | | </div> |
| | | <div class="list-con-op"> |
| | | <s-button colorType="default">资料上传</s-button> |
| | | <s-button colorType="deepBlue" @click="handleStart(item)">开始上课</s-button> |
| | | <el-button colorType="default">资料上传</el-button> |
| | | <el-button colorType="deepBlue" @click="handleStart(item)">开始上课</el-button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <s-dialog v-model="dialog" title="请选择授课方式"> |
| | | <template> |
| | | <div style="width:300px; padding:20px; justify-content:space-between" class="flex"> |
| | | <s-button colorType="default">语音授课</s-button> |
| | | <s-button colorType="deepBlue" @click="selectScreen">视频授课</s-button> |
| | | <el-button colorType="default">语音授课</el-button> |
| | | <el-button colorType="deepBlue" @click="selectScreen">视频授课</el-button> |
| | | </div> |
| | | </template> |
| | | </s-dialog> |