|
@@ -60,6 +60,62 @@
|
|
|
>从头播放</cover-view
|
|
|
>
|
|
|
</cover-view>
|
|
|
+ <view class="mulu">
|
|
|
+ <scroll-view class="box_in" scroll-y="true">
|
|
|
+ <view class="menuBox" v-for="(item, index) in menuList" :key="index">
|
|
|
+ <!--模块 -->
|
|
|
+ <view v-if="item.type == 1"
|
|
|
+ ><courseModule
|
|
|
+ :orderGoodsId="orderGoodsId"
|
|
|
+ :sectionMaxNum="goodsData.sectionMaxNum"
|
|
|
+ :needOpen="menuIndex[0] === index ? true : false"
|
|
|
+ :courseId="courseId"
|
|
|
+ :preItem="menuList[index - 1]"
|
|
|
+ :learningOrder="businessData.goodsLearningOrder"
|
|
|
+ :goodsId="goodsId"
|
|
|
+ :gradeId="gradeId"
|
|
|
+ :isBuy="true"
|
|
|
+ :menuItem="item"
|
|
|
+ :levelId="item.menuId"
|
|
|
+ ></courseModule
|
|
|
+ ></view>
|
|
|
+ <!--章 -->
|
|
|
+ <view v-if="item.type == 2"
|
|
|
+ ><courseChapter
|
|
|
+ :orderGoodsId="orderGoodsId"
|
|
|
+ :sectionMaxNum="goodsData.sectionMaxNum"
|
|
|
+ :needOpen="menuIndex[0] === index ? true : false"
|
|
|
+ :courseId="courseId"
|
|
|
+ :preItem="menuList[index - 1]"
|
|
|
+ @playEnd="sectionPlayEnd($event, index)"
|
|
|
+ :learningOrder="businessData.goodsLearningOrder"
|
|
|
+ :goodsId="goodsId"
|
|
|
+ :gradeId="gradeId"
|
|
|
+ :isBuy="true"
|
|
|
+ :menuItem="item"
|
|
|
+ :levelId="'0-' + item.menuId"
|
|
|
+ ></courseChapter
|
|
|
+ ></view>
|
|
|
+ <!--节 -->
|
|
|
+ <view v-if="item.type == 3"
|
|
|
+ ><courseSection
|
|
|
+ :orderGoodsId="orderGoodsId"
|
|
|
+ :sectionMaxNum="goodsData.sectionMaxNum"
|
|
|
+ @playEnd="sectionPlayEnd($event, index)"
|
|
|
+ :courseId="courseId"
|
|
|
+ :preItem="menuList[index - 1]"
|
|
|
+ :learningOrder="businessData.goodsLearningOrder"
|
|
|
+ :goodsId="goodsId"
|
|
|
+ :gradeId="gradeId"
|
|
|
+ :isBuy="true"
|
|
|
+ :menuItem="item"
|
|
|
+ :levelId="'0-0-' + item.menuId"
|
|
|
+ ></courseSection
|
|
|
+ ></view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
<view
|
|
|
class="video_box"
|
|
@@ -2491,7 +2547,19 @@ export default {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
height: 100vh;
|
|
|
-
|
|
|
+ position: relative;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ .pops {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ background: #ccc;
|
|
|
+ opacity: 0.5;
|
|
|
+ width: 100%;
|
|
|
+ height: 300rpx;
|
|
|
+ z-index: 9999;
|
|
|
+ }
|
|
|
.box {
|
|
|
flex: 1;
|
|
|
overflow: hidden;
|
|
@@ -3109,6 +3177,20 @@ page {
|
|
|
border-radius: 50%;
|
|
|
color: rgba(255, 255, 255, 0.3);
|
|
|
}
|
|
|
+ .mulu {
|
|
|
+ position: absolute;
|
|
|
+ top: 0rpx;
|
|
|
+ right: 0rpx;
|
|
|
+ width: 50%;
|
|
|
+ height: 100%;
|
|
|
+ background: rgba(0, 0, 0, 0.6);
|
|
|
+ color: #333;
|
|
|
+ // color: rgba(255, 255, 255, 0.3);
|
|
|
+ .box_in {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.rotoct {
|
|
|
transform: rotate(90deg);
|