暂存

pages/course/courseDetail.vue

@@ -3,10 +3,7 @@
 		<!-- 公共组件-每个页面必须引入 -->
 		<public-module></public-module>
 		<!-- <z-nav-bar :title="pageTitle ? pageTitle : '课程详情'"> -->
-		<z-nav-bar title="课程介绍">
-			<!-- <view class="curseSet" slot="right" @click="newOnShare">
-			<uni-icons type="redo" size="26"></uni-icons><text style="font-size: 26rpx;"></text> 分享课程
-		</view> -->
+		<z-nav-bar title="课程介绍">		
 		</z-nav-bar>
 
 		<view class="contentBox commonPageContentBox">
@@ -56,7 +53,7 @@
 									<view :class="`${isHideCourseInfo ? 'hidden2' : ''}`"
 										style="width: calc(100% - 50rpx)" v-html="course.content">
 									</view>
-									<!-- <text
+									<text
                     style="
                       position: absolute;
                       bottom: 0;
@@ -65,14 +62,27 @@
                     "
                   >
                     {{ isHideCourseInfo ? "展开" : "收起" }}
-                  </text> -->
+                  </text>
 								</view>
 							</view>
 						</view>
 					</view>
 				</view>
 			</view>
-
+			<!-- 小班入口 -->
+			<view class="classEntrance">
+				<view class="flex_box" style="justify-content: space-between;">
+					<view class="flex_box classTitleBox">
+						<image src="../../static/icon/class.png" mode="" style="width: 64rpx; height: 64rpx;"></image>
+						<text class="mainTxt">
+							<span style="font-weight: bold; padding: 0 16rpx;">50</span>
+							个班级正在学习本门课程</text>						
+					</view>
+					<view class="btntext">
+						<text  @click="goClassLIst('/pages/miniClass/classList', course.id,course.title)">前往查看 >></text>
+					</view>					
+				</view>
+			</view>
 			<view class="containerBg2">
 				<!-- 目录 -->
 				<view :class="['coursePart','flexbox', userMsg.vip != 0 ? 'vipBgColor':'']"
@@ -709,15 +719,7 @@
 							if (res.code == 0) {
 								this.getCourseDescriptionData();
 								// this.$commonJS.showToast("");
-							}
-							// if (res.productList.length > 0) {
-							//   this.goodsList = res.productList;
-							//   this.selectGoodsData = this.goodsList[0];
-							//   this.$refs.commonSelectGoods.open();
-							//   this.show = true;
-							// } else {
-							//   this.$commonJS.showToast("此课程暂无购买方式");
-							// }
+							}					
 
 							this.$forceUpdate();
 						});
@@ -1376,12 +1378,24 @@
 					url: `${url}?id=${id}`,
 				});
 			},
+			goClassLIst(url, id,title){
+				uni.navigateTo({
+					url: `${url}?courseId=${id}&courseTitle=${title}`,
+				});
+			},
 		},
 	};
 </script>
 <style lang="scss" scoped>
 	@import "@/style/mixin.scss";
-
+	.classEntrance{background-color: #f2f8ff; padding:20rpx; 
+	 box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+	.flex_box{align-items: center;}
+		}
+		.btntext{color: $themeColor; }
+	.classTitleBox{font-size: 28rpx;
+	.mainTxt{font-size: 30rpx;}
+	}
 	.completionBg { padding: 10rpx 0;
 		background-color: #fff; border-bottom: 1px solid #eee;
 }