视频播放弹窗

assets/scss/cus-client/cus-client-common.scss

@@ -405,3 +405,14 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
   // 滑块
   .nc-container{.nc_wrapper{width:100%!important;margin-bottom: 24px;}}
 }
+
+/* 网站通用弹窗-视频播放 */
+.course-video-dialog{
+  .el-dialog{width: 940px;border-radius: 8px;}
+  .el-dialog__body{padding: 14px 40px 80px;}
+  // 标题
+  .el-dialog__title{@include setFontStyle(-2);color: rgba(0,0,0,0.85);}
+  // 视频
+  .course-video-box{width: 100%;height: 480px;}
+  p{@include setFontStyle(-4);color: rgba(0,0,0,0.65);margin-top: 16px;line-height: 22px}
+}

pages/courseware/index.vue

@@ -110,10 +110,10 @@
       :title="title"
       :visible.sync="videoDialogFlag"
       @close="closeVideoDialog"
-      width="30%"
+      class="course-video-dialog"
       center>
-      <video controls width="300px" height="200px" :src="source"></video>
-      <span>{{footerText}}</span>
+      <video controls :src="source" class="course-video-box"></video>
+      <p>{{footerText}}</p>
     </el-dialog>
 
     <el-dialog