|
@@ -359,18 +359,20 @@
|
|
|
.yindao-shadow-image{
|
|
.yindao-shadow-image{
|
|
|
width: 80rpx;height: 80rpx;margin: 0;background-repeat: no-repeat;
|
|
width: 80rpx;height: 80rpx;margin: 0;background-repeat: no-repeat;
|
|
|
background-image: url("@/static/images/common/course-point-icon.gif");background-size: contain;
|
|
background-image: url("@/static/images/common/course-point-icon.gif");background-size: contain;
|
|
|
- position: absolute;right: 100rpx;top: 780rpx;pointer-events: none;
|
|
|
|
|
|
|
+ position: absolute;right: 100rpx;top: 400rpx;pointer-events: none;
|
|
|
}
|
|
}
|
|
|
- .kc-name-box{
|
|
|
|
|
- display: flex;align-items: center;box-sizing: border-box;padding: 24rpx 36rpx 6rpx;
|
|
|
|
|
- icon{
|
|
|
|
|
- width: 60rpx;height: 40rpx;flex-shrink: 0;
|
|
|
|
|
|
|
+ .kc-info-box{
|
|
|
|
|
+ width: 100%;box-sizing: border-box;padding: 24rpx 36rpx 24rpx;
|
|
|
|
|
+ color: #555;font-size: 28rpx;border-bottom: 1rpx solid #ebebeb;
|
|
|
|
|
+ .info-content-box{
|
|
|
|
|
+ display: flex;align-items: center;justify-content: space-between;margin-bottom: 10rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .info-tip{
|
|
|
|
|
+ border: 1rpx dashed #3fd2a1;color: #3fd2a1;text-align: center;
|
|
|
|
|
+ margin-bottom: 16rpx;padding: 4rpx 0;border-radius: 8rpx;
|
|
|
}
|
|
}
|
|
|
- icon::before{content:'';width:40rpx;height: 40rpx;display: inline-block;
|
|
|
|
|
- @include ezy-no-repeat-cover();background-image: url("@/static/images/common/return-icon.png");}
|
|
|
|
|
|
|
+ .info-sm{font-size: 24rpx;color: #888;line-height: 1.6;}
|
|
|
}
|
|
}
|
|
|
- .kc-info-box{width: 100%;box-sizing: border-box;padding: 6rpx 36rpx 24rpx;border-bottom: 1rpx solid #ebebeb;
|
|
|
|
|
- display: flex;align-items: center;justify-content: space-between;color: #555;font-size: 28rpx;}
|
|
|
|
|
.kecheng-mulu-box{
|
|
.kecheng-mulu-box{
|
|
|
width: 100%;box-sizing: border-box;padding: 0 36rpx;
|
|
width: 100%;box-sizing: border-box;padding: 0 36rpx;
|
|
|
.collapse-item-icon,.kejian-item-icon{width: 36rpx;height: 36rpx;@include ezy-no-repeat-cover();}
|
|
.collapse-item-icon,.kejian-item-icon{width: 36rpx;height: 36rpx;@include ezy-no-repeat-cover();}
|
|
@@ -413,14 +415,15 @@
|
|
|
/* 竖屏样式 */
|
|
/* 竖屏样式 */
|
|
|
@media screen and (orientation: portrait) {
|
|
@media screen and (orientation: portrait) {
|
|
|
.phone-video-box{
|
|
.phone-video-box{
|
|
|
- width:100%;height: 460rpx;
|
|
|
|
|
|
|
+ width:100%;height: 460rpx;flex-shrink: 0;
|
|
|
.kecheng-video{height: 460rpx!important;}
|
|
.kecheng-video{height: 460rpx!important;}
|
|
|
.prism-big-play-btn{left: 50%!important;margin-left: -32px;}
|
|
.prism-big-play-btn{left: 50%!important;margin-left: -32px;}
|
|
|
.prism-player .prism-progress .prism-progress-played{background-color: #3fd2a1;}
|
|
.prism-player .prism-progress .prism-progress-played{background-color: #3fd2a1;}
|
|
|
.prism-player .prism-progress .prism-progress-cursor{background: unset;}
|
|
.prism-player .prism-progress .prism-progress-cursor{background: unset;}
|
|
|
|
|
+ .prism-player .prism-cover{background-size: contain;}
|
|
|
}
|
|
}
|
|
|
.master-image{width: 100%;height: 460rpx;}
|
|
.master-image{width: 100%;height: 460rpx;}
|
|
|
- .kecheng-study-body{display: block;}
|
|
|
|
|
|
|
+ .kecheng-study-body{display: block;overflow-y: auto;position: relative;}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 横屏样式 */
|
|
/* 横屏样式 */
|
|
@@ -428,13 +431,15 @@
|
|
|
.phone-video-box{
|
|
.phone-video-box{
|
|
|
width:100%;height: 100vh;
|
|
width:100%;height: 100vh;
|
|
|
.kecheng-video{height: 100vh!important;width: auto;}
|
|
.kecheng-video{height: 100vh!important;width: auto;}
|
|
|
|
|
+ .prism-big-play-btn{left: 50%!important;top:50%;transform: translate(-50%,-50%);}
|
|
|
|
|
+ .prism-player .prism-cover{background-size: contain;}
|
|
|
}
|
|
}
|
|
|
.master-image{width:100%;height: 100vh;}
|
|
.master-image{width:100%;height: 100vh;}
|
|
|
.kecheng-study-body{display: none;}
|
|
.kecheng-study-body{display: none;}
|
|
|
|
|
+ .kecheng-study-navBar{display: none;}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
/*** 进入成绩 ***/
|
|
/*** 进入成绩 ***/
|
|
|
.phone-score-page{
|
|
.phone-score-page{
|
|
|
width: 100%;height: 100vh;
|
|
width: 100%;height: 100vh;
|