|
|
@@ -60,62 +60,12 @@
|
|
|
>从头播放</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>
|
|
|
-
|
|
|
+ <!-- 全屏时的目录 -->
|
|
|
+ <!-- v-if="showMulu" -->
|
|
|
+ <cover-view class="full_mulu">
|
|
|
+ <image src="/pages3/static/imgs/mulu.png" style="width: 45rpx;height: 32rpx;" @click="clickMulu()"></image>
|
|
|
+ </cover-view>
|
|
|
+
|
|
|
</view>
|
|
|
<view
|
|
|
class="video_box"
|
|
|
@@ -132,7 +82,7 @@
|
|
|
/>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view>
|
|
|
+ <view class="course_name">
|
|
|
<u-row>
|
|
|
<u-col span="10">
|
|
|
<view class="video_t1">{{ detail.courseName }}</view>
|
|
|
@@ -161,7 +111,7 @@
|
|
|
</view>
|
|
|
<u-line color="#D6D6DB" />
|
|
|
</view>
|
|
|
- <view class="box">
|
|
|
+ <view class="box" :class="{'first_ml': current == 0}">
|
|
|
<scroll-view class="box_in" scroll-y="true">
|
|
|
<!--目录 -->
|
|
|
<view v-show="current == 0">
|
|
|
@@ -235,19 +185,6 @@
|
|
|
<image v-else src="/pages3/static/imgs/downLoading.png" style="width: 40rpx;height: 40rpx;"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
- <!-- <view style="text-align: center" v-else>暂无讲义</view> -->
|
|
|
- <!-- <view class="lecture-content">
|
|
|
- <rich-text :nodes="'讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容讲义内容'"></rich-text>
|
|
|
- </view> -->
|
|
|
-
|
|
|
- <!-- <view class="inputBottom">
|
|
|
- <view style="width: 10%;"><image src="/static/icon/note3.png" style="width: 39rpx;height: 39rpx;margin:0 29rpx;"></image></view>
|
|
|
- <view style="width: 73%;height: 100%;padding: 10rpx 0;">
|
|
|
- <u-input class="input" height="60" fixed="true" placeholder="您可以在这里输入笔记内容" type="textarea" :custom-style="inputStyle" v-model="noteValue" />
|
|
|
- </view>
|
|
|
- <view style="color: #007AFF;font-size: 30rpx;font-weight: bold;width: 15%;text-align: center;" @click="postNote">提交</view>
|
|
|
- </view> -->
|
|
|
</view>
|
|
|
<!--笔记 -->
|
|
|
<view v-show="current == 2">
|
|
|
@@ -578,8 +515,65 @@
|
|
|
</view>
|
|
|
|
|
|
</u-modal>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+ <view class="full_mulu">
|
|
|
+ <scroll-view :class="muluStyle ? 'mulu_box_in' : 'mulu_box_out'" 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 class="mulu_img">
|
|
|
+ <image src="/pages3/static/imgs/mulu.png" style="width: 45rpx;height: 32rpx;" @click="clickMulu()"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -692,6 +686,8 @@ export default {
|
|
|
option:null,
|
|
|
isOther:'',
|
|
|
downLoading: false, //下载讲义加载
|
|
|
+ showMulu: false, //显示和隐藏目录
|
|
|
+ muluStyle: false, //显示和隐藏目录样式
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -2294,12 +2290,15 @@ export default {
|
|
|
* 进入全屏
|
|
|
*/
|
|
|
fullscreenchange(event) {
|
|
|
- console.log(event);
|
|
|
+ console.log('进入全屏',event);
|
|
|
if (event.detail.direction == "vertical") {
|
|
|
this.navShow = true;
|
|
|
+ this.showMulu = false
|
|
|
} else if (event.detail.direction == "horizontal") {
|
|
|
this.navShow = false;
|
|
|
+ this.showMulu = true
|
|
|
}
|
|
|
+ console.log('quanping::', this.showMulu)
|
|
|
},
|
|
|
getGoodsDetail() {
|
|
|
let self = this;
|
|
|
@@ -2510,6 +2509,9 @@ export default {
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
+ clickMulu() {
|
|
|
+ this.muluStyle = !this.muluStyle
|
|
|
+ }
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
@@ -2547,11 +2549,12 @@ export default {
|
|
|
color: #FFFFFF;
|
|
|
}
|
|
|
|
|
|
- .desc {
|
|
|
-
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
+#top {
|
|
|
+ position: relative;
|
|
|
+ z-index: 99;
|
|
|
+}
|
|
|
.polyv_detail {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
@@ -2573,11 +2576,13 @@ export default {
|
|
|
flex: 1;
|
|
|
overflow: hidden;
|
|
|
margin: 16rpx 16rpx 100rpx 16rpx;
|
|
|
-
|
|
|
.box_in {
|
|
|
height: 100%;
|
|
|
}
|
|
|
}
|
|
|
+ .first_ml {
|
|
|
+ margin: 16rpx 16rpx 16rpx 16rpx;
|
|
|
+ }
|
|
|
}
|
|
|
.btnSet {
|
|
|
width: 440rpx;
|
|
|
@@ -2754,11 +2759,6 @@ export default {
|
|
|
color: #999999;
|
|
|
}
|
|
|
|
|
|
-page {
|
|
|
- // padding-top: 10px;
|
|
|
- // padding-top: constant(safe-area-inset-top);
|
|
|
- // padding-top: env(safe-area-inset-top);
|
|
|
-}
|
|
|
.Answering {
|
|
|
.answer_item {
|
|
|
&:nth-child(2) {
|
|
|
@@ -2840,7 +2840,7 @@ page {
|
|
|
width: 100%;
|
|
|
background: #ffffff;
|
|
|
border-radius: 16rpx;
|
|
|
- padding: 20rpx;
|
|
|
+ padding: 0rpx 20rpx;
|
|
|
margin-bottom: 20rpx;
|
|
|
}
|
|
|
.btnspric {
|
|
|
@@ -3119,6 +3119,10 @@ page {
|
|
|
font-weight: 500;
|
|
|
color: #666666;
|
|
|
}
|
|
|
+.course_name {
|
|
|
+ height: 80rpx;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
.video_t1 {
|
|
|
height: 80rpx;
|
|
|
color: #333333;
|
|
|
@@ -3201,20 +3205,7 @@ 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);
|
|
|
@@ -3242,6 +3233,42 @@ page {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+.full_mulu {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 100rpx;
|
|
|
+ right: 200rpx;
|
|
|
+ width: 485rpx;
|
|
|
+ height: 515rpx;
|
|
|
+ // background: rgba(0, 0, 0, 0.6);
|
|
|
+ color: #333;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ z-index: 9999;
|
|
|
+ .mulu_box_in {
|
|
|
+ width: 406rpx;
|
|
|
+ height: 515rpx;
|
|
|
+ background-color: #b7b7b7;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ // transition: all 0.5s;
|
|
|
+ &::after {
|
|
|
+ content: "";
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ position: absolute;
|
|
|
+ top: 235rpx;
|
|
|
+ right: 24px;
|
|
|
+ border-top: 16rpx solid transparent;
|
|
|
+ border-right: 16rpx solid transparent;
|
|
|
+ border-left: 16rpx solid #b7b7b7;
|
|
|
+ border-bottom: 16rpx solid transparent;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .mulu_box_out {
|
|
|
+ visibility: hidden;
|
|
|
+ // width: 0rpx;
|
|
|
+ // transition: all 0.5s;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
</style>
|
xuqiaoying
