Merge branch 'master' of http://139.9.50.163:3000/Project2024/menber-center

pages.json

@@ -156,7 +156,7 @@
 		},
 		{
 			"path" : "pages/certificateDetail/certificateDetail",
-			"style" : 
+			"style" :
 			{
 				"navigationBarTitleText" : "",
 				"enablePullDownRefresh": false,
@@ -167,7 +167,7 @@
 		},
 		{
 			"path" : "pages/order/order",
-			"style" : 
+			"style" :
 			{
 				"navigationBarTitleText" : "我的订单",
 				"enablePullDownRefresh": false,
@@ -178,7 +178,7 @@
 		},
 		{
 			"path" : "pages/InvoiceApplication/InvoiceApplication",
-			"style" : 
+			"style" :
 			{
 				"navigationBarTitleText" : "发票申请",
 				"enablePullDownRefresh": false,
@@ -189,7 +189,7 @@
 		},
 		{
 			"path" : "pages/applyForBilling/applyForBilling",
-			"style" : 
+			"style" :
 			{
 				"navigationBarTitleText" : "申请开票",
 				"enablePullDownRefresh": false,
@@ -200,7 +200,7 @@
 		},
 		{
 			"path" : "pages/invoiceResult/invoiceResult",
-			"style" : 
+			"style" :
 			{
 				"navigationBarTitleText" : "已提交开票申请",
 				"enablePullDownRefresh": false,
@@ -243,7 +243,7 @@
 			}
 		},
 		{
-			"path" : "pages/goOnEdu/courseHome/courseHome",
+			"path" : "pages/goOnEdu/course/index",
 			"style" : {
 				"navigationBarBackgroundColor": "#FFFFFF",
 				"navigationBarTitleText": "培训课程",
@@ -255,7 +255,7 @@
 		},
 		{
 			"path" : "pages/collect/collect",
-			"style" : 
+			"style" :
 			{
 				"navigationBarTitleText" : "我的收藏",
 				"enablePullDownRefresh": false,

pages/goOnEdu/course/component/courseHome/courseHome.vue

@@ -0,0 +1,19 @@
+<template>
+	<view>
+		shouye
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>

pages/goOnEdu/courseHome/courseHome.vue → pages/goOnEdu/course/component/courseMine/courseMine.vue

@@ -1,6 +1,6 @@
 <template>
 	<view>
-		
+		wode
 	</view>
 </template>
 
@@ -8,7 +8,7 @@
 	export default {
 		data() {
 			return {
-				
+
 			};
 		}
 	}

pages/goOnEdu/course/index.vue

@@ -0,0 +1,103 @@
+<template>
+	<view class="container">
+		<view class="content">
+			<course-home v-if="tabValue === 'courseHome'"></course-home>
+			<course-mine v-if="tabValue === 'courseMine'"></course-mine>
+		</view>
+
+		<view class="tabbar">
+			<view  class="tab-item" :class="{ active: tabValue === 'courseHome' }" @click="selectTab('courseHome')">
+				<image src="/static/tabbar-icon/home-fill.png" v-if="tabValue === 'courseHome'"></image>
+				<image src="/static/tabbar-icon/home.png" v-else></image>
+				<text>放映厅</text>
+			</view>-
+			<view  class="tab-item" :class="{ active: tabValue === 'courseMine' }" @click="selectTab('courseMine')">
+				<image src="/static/tabbar-icon/user-s.png" v-if="tabValue === 'courseMine'"></image>
+				<image src="/static/tabbar-icon/user-line.png" v-else></image>
+				<text>我的</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import courseHome from './component/courseHome/courseHome.vue';
+	import courseMine from './component/courseMine/courseMine.vue';
+
+	export default {
+		data() {
+			return {
+				tabValue: 'courseHome', // 默认选中的 Tab
+			};
+		},
+		components: {
+			courseHome,
+			courseMine,
+		},
+		methods: {
+			selectTab(value) {
+				this.tabValue = value; // 设置当前选中的 Tab
+			},
+		},
+	};
+</script>
+
+<style scoped lang="scss">
+	.container {
+		display: flex;
+		flex-direction: column;
+		height: 100vh;
+	}
+
+	.content {
+		flex: 1;
+		/* 内容区填充剩余空间 */
+		padding: 10px;
+		/* 内边距 */
+	}
+
+	.tabbar {
+		-webkit-tap-highlight-color: rgba(0,0,0,0);
+		display: flex;
+		justify-content: space-around;
+		/* 平分 TabBar 各项 */
+		background-color: #fff;
+		/* TabBar 背景色 */
+		margin-bottom: env(safe-area-inset-bottom, 0);
+		/* 避免与底部黑条重叠 */
+
+		/* 仅在上方添加阴影 */
+		box-shadow: 5px -1px 0px rgba(0, 0, 0, 0.1);
+		/* 上边阴影效果 */
+
+		border-top: none;
+		/* 去掉上边的边框，如果之前有的话 */
+		border-bottom: none;
+		/* 去掉下边的边框 */
+	}
+	.tab-item {
+		padding: 15rpx 0;
+		flex: 1;
+		/* 每个 TabBar 项均分 */
+		text-align: center;
+		/* 内容居中 */
+		cursor: pointer;
+		/* 鼠标指针样式 */
+		display: flex;
+		/* 激活状态下加粗显示 */
+		flex-direction: column;
+		align-items: center;
+		font-size: 20rpx;
+
+		image {
+			width: 50rpx;
+			height: 50rpx;
+		}
+	}
+
+	.tab-item.active {
+		color: #0069f6;
+		/* 激活状态下的文本颜色 */
+
+	}
+</style>

pages/goOnEdu/index.vue

@@ -16,7 +16,7 @@
 		data() {
 			return {
 				netAppid: "",
-				courseUrl: "/pages/goOnEdu/courseHome/courseHome"
+				courseUrl: "/pages/goOnEdu/course/index"
 			};
 		},
 		methods: {
@@ -74,4 +74,4 @@
 			font-size: 40rpx;
 		}
 	}
-</style>
+</style>