修改

pages.json

@@ -4,24 +4,28 @@
 	},
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
+			"path": "pages/Videolearning/Videolearning",
+			"style": {
+				"navigationBarTitleText": "视频学习",
+				"onReachBottomDistance": 50, //距离底部多远时触发 单位为px
+				"enablePullDownRefresh": true //设置参数为true
+			}
+		}, {
+			"path": "pages/MyLearning/MyLearning",
+			"style": {
+				"navigationBarTitleText": "我的学习",
+				"enablePullDownRefresh": false
+			}
+		}, {
 			"path": "pages/startup/startup",
 			"style": {
 				"navigationBarTitleText": "",
 				"navigationStyle": "custom"
 			}
-		},{
-			"path": "pages/Videolearning/Videolearning",
-			"style": {
-				"navigationBarTitleText": "视频学习",
-				"enablePullDownRefresh": false,
-				"onReachBottomDistance": 50, //距离底部多远时触发 单位为px
-				"enablePullDownRefresh": true //设置参数为true
-			}
 		}, {
 			"path": "pages/Graphiclearning/Graphiclearning",
 			"style": {
 				"navigationBarTitleText": "图文学习",
-				"enablePullDownRefresh": false,
 				"onReachBottomDistance": 50, //距离底部多远时触发 单位为px
 				"enablePullDownRefresh": true //设置参数为true
 			}
@@ -29,11 +33,10 @@
 			"path": "pages/Learningtraining/Learningtraining",
 			"style": {
 				"navigationBarTitleText": "学习培训",
-				"enablePullDownRefresh": false,
 				"onReachBottomDistance": 50, //距离底部多远时触发 单位为px
 				"enablePullDownRefresh": true //设置参数为true
 			}
-		},  {
+		}, {
 			"path": "pages/Healthknowledge/Healthknowledge",
 			"style": {
 				"navigationBarTitleText": "护理新闻",
@@ -119,17 +122,14 @@
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}
+		}, {
+			"path": "pages/Videolearningdetails/Videolearningdetails",
+			"style": {
+				"navigationBarTitleText": "视频学习",
+				"enablePullDownRefresh": false
+			}
 		}
-	    ,{
+	],
-            "path" : "pages/Videolearningdetails/Videolearningdetails",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "视频学习",
-                "enablePullDownRefresh": false
-            }
-            
-        }
-    ],
 	"globalStyle": {
 		"navigationBarTextStyle": "white",
 		"navigationBarTitleText": "",

pages/MyLearning/MyLearning.vue

@@ -0,0 +1,180 @@
+<template>
+	<view class='app'>
+		<view class="card">
+			<view class="toptitle">
+				<image src="../../static/shipin.png" mode=""></image>
+				<view class="title">
+					视频
+				</view>
+			</view>
+			<view class="items">
+				<view class="item">
+					<image src="../../static/jnks.png" mode=""></image>
+					<view class="text">
+						基础护理技能操作
+					</view>
+				</view>
+				<view class="item">
+					<image src="../../static/jnks.png" mode=""></image>
+					<view class="text">
+						基础护理技能操作
+					</view>
+				</view>
+				<view class="item">
+					<image src="../../static/jnks.png" mode=""></image>
+					<view class="text">
+						基础护理技能操作
+					</view>
+				</view>
+				<view class="item">
+					<image src="../../static/jnks.png" mode=""></image>
+					<view class="text">
+						基础护理技能操作
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="card">
+			<view class="toptitle">
+				<image src="../../static/zhibo.png" mode=""></image>
+				<view class="title">
+					直播
+				</view>
+			</view>
+			<view class="items">
+				<view class="item">
+					<image src="../../static/jnks.png" mode=""></image>
+					<view class="text">
+						基础护理技能操作
+					</view>
+				</view>
+				<view class="item">
+					<image src="../../static/jnks.png" mode=""></image>
+					<view class="text">
+						基础护理技能操作
+					</view>
+				</view>
+				<view class="item">
+					<image src="../../static/jnks.png" mode=""></image>
+					<view class="text">
+						基础护理技能操作
+					</view>
+				</view>
+				<view class="item">
+					<image src="../../static/jnks.png" mode=""></image>
+					<view class="text">
+						基础护理技能操作
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="card">
+			<view class="toptitle">
+				<image src="../../static/peixun.png" mode=""></image>
+				<view class="title">
+					培训
+				</view>
+			</view>
+			<view class="items">
+				<view class="item">
+					<image src="../../static/jnks.png" mode=""></image>
+					<view class="text">
+						基础护理技能操作
+					</view>
+				</view>
+				<view class="item">
+					<image src="../../static/jnks.png" mode=""></image>
+					<view class="text">
+						基础护理技能操作
+					</view>
+				</view>
+				<view class="item">
+					<image src="../../static/jnks.png" mode=""></image>
+					<view class="text">
+						基础护理技能操作
+					</view>
+				</view>
+				<view class="item">
+					<image src="../../static/jnks.png" mode=""></image>
+					<view class="text">
+						基础护理技能操作
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	.app {
+		margin: 15rpx auto 0;
+		padding: 0 0 60rpx;
+		color: #000000;
+
+		.card {
+			width: 97%;
+			margin: 0 auto 15rpx;
+			background-color: #fff;
+
+			.items {
+				width: 92%;
+				margin: 30rpx auto 0;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+
+				.item {
+					margin-bottom: 55rpx;
+
+					image {
+						width: 190rpx;
+						height: 190rpx;
+						border-radius: 5rpx;
+					}
+
+					.text {
+						width: 166rpx;
+						font-size: 27rpx;
+						font-weight: 500;
+						line-height: 36rpx;
+						margin: 0 auto;
+					}
+				}
+			}
+
+			.toptitle {
+				width: 92%;
+				margin: 0 auto;
+				position: relative;
+				height: 90rpx;
+				border-bottom: 1rpx solid #E6E6E6;
+
+				.title {
+					position: absolute;
+					top: 50%;
+					transform: translateY(-50%);
+					left: 50rpx;
+				}
+
+				image {
+					position: absolute;
+					top: 50%;
+					transform: translateY(-50%);
+					left: 0;
+					width: 36rpx;
+					height: 36rpx;
+				}
+			}
+		}
+	}
+</style>

pages/Videolearning/Videolearning.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="app">
 		<view class="card">
-			<view class="item" v-for='(item,index) in list' :key="index" @tap='goVideolearningdetails(item)'>
+			<view class="item" v-for='(item,index) in list' :key="index" @click.stop='goVideolearningdetails(item)'>
 				<image :src="baseurl + item.trainingItemCoverUrl" mode=""></image>
 				<view class="title">
 					{{item.trainingItemTitle}}
@@ -12,7 +12,7 @@
 				<view class="price">
 					￥{{item.trainingItemPrice}}
 				</view>
-				<view class="buy" v-if='!item.trainingOrderStatus'>
+				<view class="buy" v-if='!item.trainingOrderStatus' @click.stop='buy(item)'>
 					购买
 				</view>
 				<view class="havebuy" v-else>
@@ -20,6 +20,12 @@
 				</view>
 			</view>
 		</view>
+		<u-popup v-model="buyshow" mode='bottom' height='800'>
+			<view class="popuptitle">请选择支付方式</view>
+			<view class="buybtn">
+				确认支付￥{{buylist.trainingItemPrice}}
+			</view>
+		</u-popup>
 	</view>
 </template>
 
@@ -31,12 +37,14 @@
 	export default {
 		data() {
 			return {
+				buyshow: false,
 				baseurl: undefined,
 				pageNum: 1,
 				pageSize: 10,
 				trainingCategoryId: undefined,
 				list: [],
 				total: 0,
+				buylist: {},
 			};
 		},
 		onLoad(options) {
@@ -45,6 +53,11 @@
 			this.info();
 		},
 		methods: {
+			//购买
+			buy(item) {
+				this.buylist = item
+				this.buyshow = true
+			},
 			//跳转视频学习详情
 			goVideolearningdetails(item) {
 				uni.navigateTo({
@@ -83,6 +96,11 @@
 		padding: 15rpx 0 0;
 		color: #000000;
 
+		.popuptitle {
+			font-size: 41rpx;
+			text-align: center;
+		}
+
 		.card {
 			width: 96%;
 			margin: 0 auto;
@@ -107,28 +125,28 @@
 				}
 
 				.havebuy {
-					width: 115rpx;
+					width: 125rpx;
-					height: 48rpx;
+					height: 55rpx;
 					background: #CDCDCD;
 					border-radius: 5rpx;
 					text-align: center;
-					line-height: 48rpx;
+					line-height: 55rpx;
 					color: #FFFFFF;
 					position: absolute;
-					right: 20rpx;
+					right: 15rpx;
 					bottom: 30rpx;
 				}
 
 				.buy {
-					width: 115rpx;
+					width: 125rpx;
-					height: 48rpx;
+					height: 55rpx;
 					background: #4271B9;
 					border-radius: 5rpx;
 					text-align: center;
-					line-height: 48rpx;
+					line-height: 55rpx;
 					color: #FFFFFF;
 					position: absolute;
-					right: 20rpx;
+					right: 15rpx;
 					bottom: 30rpx;
 				}
 

pages/personal/personal.vue

@@ -61,7 +61,7 @@
 					我的收益
 				</view>
 			</view>
-			<view class="bottomitem" @tap='gostudy'>
+			<view class="bottomitem" @tap='goMyLearning'>
 				<image src="../../static/xuexi.png" mode=""></image>
 				<view class="">
 					我的学习
@@ -159,6 +159,12 @@
 				})
 			},
 			//我的学习
+			goMyLearning() {
+				uni.navigateTo({
+					url: "/pages/MyLearning/MyLearning"
+				})
+			},
+			//敬请期待
 			gostudy() {
 				uni.navigateTo({
 					url: '/pages/study/study'