diff --git a/api/modules/growth.js b/api/modules/growth.js
new file mode 100644
index 0000000..aea7ae9
--- /dev/null
+++ b/api/modules/growth.js
@@ -0,0 +1,4 @@
+import ajax from '@/api/manage/manageAjax.js';
+export const getList = (params) => ajax.get(`/manageApi/stu/grow/getStuLearnInfo?userId=${params}`);
+//获取路径图详情
+export const taskList = (id) => ajax.get(`/manageApi/stu/grow/taskList?growId=${id}`);
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 1280bd1..822da09 100644
--- a/pages.json
+++ b/pages.json
@@ -79,7 +79,17 @@
 		{"path" : "pages/study/audioTest","style" : {"navigationBarTitleText": "音频测试"}},
 		{"path" : "pages/study/videoTest","style" : {"navigationBarTitleText": "视频频测试"}},
         {"path" : "pages/lecturer/certification/list","style" : {"navigationBarTitleText": "讲师信息"}},
-        {"path" : "pages/lecturer/certification/info","style" : {"navigationBarTitleText": "讲师信息"}}
+        {"path" : "pages/lecturer/certification/info","style" : {"navigationBarTitleText": "讲师信息"}},
+      {
+        "path" : "pages/learnPath/learnPath",
+        "style" :
+        {
+          "navigationBarTitleText": "成长路径图",
+          "enablePullDownRefresh": false
+
+        }
+
+      }
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
diff --git a/pages/learnPath/learnPath.vue b/pages/learnPath/learnPath.vue
new file mode 100644
index 0000000..4cf0bf0
--- /dev/null
+++ b/pages/learnPath/learnPath.vue
@@ -0,0 +1,476 @@
+<template>
+	<view class="learn_path">
+		<view class="path_header">
+			<view class="text">成长路径图</view>
+		</view>
+		<view class="path_body">
+			<view class="body_header">
+				<view class="left">全岗位路径</view>
+				<view class="right">
+					<u-switch size="14" v-model="openDown" @change="change"></u-switch>
+					<text class="text">高亮显示未完成</text>
+				</view>
+			</view>
+			<view class="body_check">
+				<view class="left_check">
+					<view class="left"></view>
+					<view class="text">必修</view>
+				</view>
+				<view class="right_check">
+					<view class="right"></view>
+					<view class="text">选修</view>
+				</view>
+			</view>
+			<view class="end_learn">您的学习之旅已结束</view>
+			<view class="learn">
+				<view v-for="(item,index) in dataList" :key="index">
+					<view @click="showPopup(index)" class="learn_item" :style="{
+								backgroundColor: getColor(item.flag, 0),
+								left: getPosition(item.name, index).left + 'rpx',
+								top: getPosition(item.name, index).top + 'rpx'
+							}">
+						<view class="icon">
+							<view class="icon-content" :style="{ background: getColor(item.flag, 1) }">
+								{{item.currentRatio || 0}}%
+							</view>
+						</view>
+					</view>
+					<view class="learn_text" :style="{
+								left: getPositionText(item.name, index).left + 'rpx',
+								top: getPositionText(item.name, index).top + 'rpx'
+							}">
+						{{item.title}}
+					</view>	
+				</view>
+			</view>
+		</view>
+		<u-popup  mode="center" v-if="currentItem !== null" :show="currentItem.show" @close="closePopup">
+			<view class="popup_item">
+				<view class="item_name">{{ currentItem.title }}</view>
+				<view class="tabs">
+					<view :class="currentItem.flag == 0 ?'flag':'flag2'">
+						{{currentItem.flag == 0 ? '选修' : '必修'}}
+					</view>
+					<view class="type">{{currentItem.type==5?'考试':currentItem.type==1?'在线':''}}</view>
+				</view>
+				<view class="pregress">
+					<view class="text">学习进度</view>
+					<view class="prp">
+						<u-line-progress :percentage="currentItem.currentRatio" :showText="false" height="5" activeColor="#ff0000">
+							
+						</u-line-progress>
+						<!-- <view class="text">{{currentItem.progress || 0}}</view> -->
+					</view>
+				</view>
+				<view class="tea_text">
+					<view>课程讲师: {{currentItem.teacherName}}</view>
+					<view>课程简介: {{currentItem.introduce}}</view>
+				</view>
+				<view class="btn" @click="goStudy(currentItem)">
+					<view class="text">学习中</view>
+					<image class="go" src="@/static/images/go.png" mode=""></image>
+				</view>
+			</view>
+		</u-popup>
+	</view>
+</template>
+
+<script>
+	import { taskList } from "@/api/modules/growth.js"
+	export default {
+		onLoad(options) {
+			this.growId = options.growId
+			this.titleName = options.name
+		},
+		data() {
+			return {
+				growId: '',
+				titleName: '',
+				openDown: false,
+				show: false,
+				colorAttrValue: {
+					0: ['#FFD04B', "#FBA944"],
+					1: ["#b8e3b8", "#8ac84a"],
+					2: ['#FFD04B', '#FBA944']
+				},
+				iconAttrs: {
+					'路径图背景1':{
+						positions: [
+							{left: 524,top: 782},
+							{left: 138,top: 644},
+							{left: -2,top: 506},
+							{left: -8,top: 370},
+							{left: 54,top: 232},
+							{left: 162,top: 84},
+							{left: 344,top: -28},
+						]
+					},
+				},
+				iconAttrsText: {
+					'路径图背景1':{
+						positions: [
+							{left: 112,top: 790},
+							{left: 226,top: 652},
+							{left: 86,top: 514},
+							{left: 80,top: 378},
+							{left: 142,top: 240},
+							{left: 250,top: 92},
+							{left: -22,top: -20},
+						]
+					},
+					'路径图背景全':{
+						positions: [
+							{left: 112,top: 790},
+							{left: 226,top: 652},
+							{left: 86,top: 514},
+							{left: 80,top: 378},
+							{left: 142,top: 240},
+							{left: 250,top: 92},
+							{left: -22,top: -20},
+						]
+					},
+				},
+				dataList: [],
+				currentItem: null,
+			}
+		},
+		mounted() {
+			taskList(this.growId).then(res=>{
+				console.log(res,'res')
+				if(res.code == 200 ){
+					if(res.data.length <= 7){
+					  this.dataList = res.data.map(item=>({
+						title:item.name,
+						...item,
+						name: '路径图背景1',
+					  }))
+					}else{
+					  this.dataList = res.data.map(item=>({
+						title:item.name,
+						...item,
+						name: '路径图背景全',
+					  }))
+					}
+				}
+			})
+		},
+		methods: {
+			goStudy(item){
+				console.log(item,'item')
+				if(item.type == 1){
+					console.log(item,'在线')
+					this.$router.push("/course/studyindex?id=" + item.targetId);
+				  }else if (item.type == 5) {
+					console.log(item,'考试')
+					this.$router.push("exam/test?id=" + item.targetId);
+				  }else{
+					console.log(item,'其他')
+				  }
+			},
+			showPopup(index) {
+			  // 设置当前选中的数组元素
+			this.currentItem = this.dataList[index];
+			  // 显示选中元素对应的弹出层
+			  this.currentItem.show = true;
+			},
+			closePopup() {
+			  // 关闭当前弹出层时重置状态
+			  if (this.currentItem !== null) {
+				this.currentItem.show = false;
+				this.currentItem = null;
+			  }
+			},
+			getColor(status, index) {
+			  return this.colorAttrValue[status][index]
+			},
+			getPosition(name, index) {
+			  return this.iconAttrs[name].positions[index]
+			},
+			getPositionText(name, index) {
+				return this.iconAttrsText[name].positions[index]
+			},
+		}
+	}
+</script>
+
+<style scoped>
+ .learn_path{
+	 background: #387DF7;
+	 .popup_item{
+		 width: 90vw;
+		 .item_name{
+			 font-weight: 600;
+			 font-size: 32rpx;
+			 color: #333333;
+			 line-height: 44rpx;
+			 text-align: left;
+			 font-style: normal;
+			 margin: 50rpx 0 38rpx 76rpx;
+		 }
+		 .tabs{
+			 display: flex;
+			 .flag{
+				 width: 156rpx;
+				 height: 60rpx;
+				 background: #FFF2E8;
+				 border-radius: 8rpx;
+				 border: 2rpx solid #FE9C4A;
+				 margin: 0 24rpx 40rpx 78rpx;
+				 text-align: center;
+				 line-height: 60rpx;
+				 color: #FE9C4A;
+			 }
+			 .flag2{
+				 width: 156rpx;
+				 height: 60rpx;
+				 background: #F7FFF5;
+				 border-radius: 8rpx;
+				 border: 2rpx solid #31AF0D;
+				 margin: 0 24rpx 40rpx 78rpx;
+				 text-align: center;
+				 line-height: 60rpx;
+				 color: #31AF0D;
+			 }
+			 .type{
+				 width: 156rpx;
+				 height: 60rpx;
+				 background: #E6EFFF;
+				 border-radius: 8rpx;
+				 border: 2rpx solid #387DF7;
+				 text-align: center;
+				 line-height: 60rpx;
+				 color: #387DF7;
+			 }
+		 }
+		 .pregress{
+			 margin: 0 0 24rpx 78rpx;
+			 width: 70%;
+			 .text{
+				 font-weight: 400;
+				 font-size: 28rpx;
+				 color: #387DF7;
+				 line-height: 40rpx;
+				 text-align: left;
+				 font-style: normal;
+				 margin-bottom: 12rpx;
+			 }
+			 .prp{
+				 display: flex;
+				 .text{
+					 font-weight: 400;
+					 font-size: 28rpx;
+					 color: #666666;
+					 line-height: 40rpx;
+					 text-align: left;
+					 font-style: normal;
+					 margin-left: 24rpx;
+				 }
+			 }
+		 }
+		 .tea_text{
+			 margin: 0 0 26rpx 80rpx;
+			 font-weight: 400;
+			 font-size: 28rpx;
+			 color: #333333;
+			 line-height: 60rpx;
+			 text-align: left;
+			 font-style: normal;
+		 }
+		 .btn{
+			 width: 85%;
+			 height: 80rpx;
+			 background: #387DF7;
+			 border-radius: 12rpx;
+			 margin: 0 0 44rpx 50rpx;
+			 display: flex;
+			 justify-content: center;
+			 align-items: center;
+			 position: relative;
+			 .text{
+				 font-family: PingFangSC, PingFang SC;
+				 font-weight: 600;
+				 font-size: 28rpx;
+				 color: #FFFFFF;
+				 line-height: 40rpx;
+				 text-align: left;
+				 font-style: normal;
+			 }
+			 .go{
+				 position: absolute;
+				 top: 20rpx;
+				 right: 20rpx;
+				 width: 40rpx;
+				 height: 40rpx;
+			 }
+		 }
+	 }
+	 .path_header{
+		 display: flex;
+		 justify-content: center;
+		 margin-bottom: 38rpx;
+		 .text{
+			 margin-top: 26rpx;
+			 height: 60rpx;
+			 font-weight: 600;
+			 font-size: 44rpx;
+			 color: #FFFFFF;
+			 line-height: 60rpx;
+		 }
+	 }
+	 .path_body{
+		 background: #FFFFFF;
+		 border-radius: 40rpx 40rpx 0rpx 0rpx;
+		 height: 100vh;
+		 .body_header{
+			 display: flex;
+			 justify-content: space-between;
+			 align-items: center;
+			 .left{
+				 width: 204rpx;
+				 height: 52rpx;
+				 line-height: 52rpx;
+				 text-align: center;
+				 background: #387DF7;
+				 border-radius: 26rpx;
+				 font-weight: 500;
+				 font-size: 28rpx;
+				 color: #FFFFFF;
+				 margin-left: 30rpx;
+				margin-top: 26rpx;
+			 }
+			 .right{
+				 display: flex;
+				 align-items: center;
+				 margin-top: 32rpx;
+				 margin-right: 34rpx;
+				 .text{
+					 height: 40rpx;
+					 font-weight: 500;
+					 font-size: 28rpx;
+					 color: #333333;
+					 line-height: 40rpx;
+					 margin-left: 10rpx;
+				 }
+			 }
+		 }
+		 .body_check{
+			display: flex;
+			justify-content: center;
+			margin-top: 34rpx;
+			 .left_check{
+				 display: flex;
+				 align-items: center;
+				 .left{
+					width: 32rpx;
+					 height: 32rpx;
+					 background: #34CA2B;
+					 border-radius: 4rpx; 
+				 }
+				 .text{
+					 height: 40rpx;
+					 font-weight: 400;
+					 font-size: 28rpx;
+					 color: #333333;
+					 line-height: 40rpx;
+					 margin-left: 18rpx;
+				 }
+			 }
+			 .right_check{
+				 display: flex;
+				 align-items: center;
+				 margin-left: 102rpx;
+				 .right{
+					 width: 32rpx;
+					 height: 32rpx;
+					 background: #FE9C4A;
+					 border-radius: 4rpx; 
+				 }
+				.text{
+					 height: 40rpx;
+					 font-weight: 400;
+					 font-size: 28rpx;
+					 color: #333333;
+					 line-height: 40rpx;
+					 margin-left: 18rpx;
+				}
+			 }
+		 }
+	 }
+	 .end_learn{
+		 text-align: right;
+		 margin-top: 30rpx;
+		 margin-right: 24rpx;
+		 height: 40rpx;
+		 font-weight: 400;
+		 font-size: 28rpx;
+		 color: #387DF7;
+		 line-height: 40rpx;
+		 margin-bottom: 30rpx;
+	 }
+	 .learn{
+		 width: 616rpx;
+		 height: 952rpx;
+		 background: url("../../static/images/learnpath/7learn.png") no-repeat;
+		 background-size: 100%;
+		 margin-left: 88rpx;
+		 position: relative;
+		 .learn_item{
+			 width: 64rpx;
+			 height: 64rpx;
+			 position: absolute;
+			 border-radius: 50%;
+			   &:before {
+			     content: "";
+			     position: absolute;
+			     bottom: 0;
+			     left: 0;
+			     width: 64rpx;
+			     height: 64rpx;
+			     clip: rect(16px 64px 32px 16px);
+			     background: inherit;
+			     transform: rotate(45deg);
+			   }
+			 
+			   .icon {
+			     position: absolute;
+			     top: 50%;
+			     left: 50%;
+			     width: 50rpx;
+			     height: 50rpx;
+			     background-color: #fff;
+			     border-radius: 50%;
+			     transform: translate(-50%, -50%);
+			     cursor: pointer;
+			 
+			     .icon-content {
+			       position: absolute;
+			       top: 50%;
+			       left: 50%;
+			       font-size: 10px;
+			       color: #fff;
+			       text-align: center;
+			       transform: translate(-50%, -50%);
+			       width: 44rpx;
+			       height: 44rpx;
+			       line-height: 44rpx;
+			       background-color: #8bc94b;
+			       border-radius: 50%;
+			     }
+			   }
+		 }
+		 .learn_text{
+			 max-width: 400rpx;
+			 height: 56rpx;
+			 font-size: 24rpx;
+			 line-height: 56rpx;
+			 text-align: center;
+			 background: linear-gradient( 301deg, #0071FF 0%, #8FC1FF 99%, #3D73ED 100%);
+			 border-radius: 160rpx 160rpx 160rpx 16rpx;
+			 position: absolute;
+			 padding: 0 12rpx 0 20rpx;
+			 font-weight: 400;
+			 color: #FFFFFF;
+		 }
+	 }
+ }
+</style>
diff --git a/pages/study/index.vue b/pages/study/index.vue
index 358a1cc..da6bf69 100644
--- a/pages/study/index.vue
+++ b/pages/study/index.vue
@@ -14,13 +14,16 @@
 			</view>
 		</view>
 		<view class="tabbar" style="position: relative;padding-bottom: 20upx;">
-			<view class="tabbar-item" style="text-align: right;margin-right: 26upx;" @click="clicktab(0)" :class="{'active':tabIndex===0}">
+			<view class="tabbar-item" style="text-align: right;margin-right: 26upx;margin-left: 42upx;" @click="clicktab(0)" :class="{'active':tabIndex===0}">
 				<u-badge :type="type" max="99" :value="value" class="tabber-co"></u-badge>学习任务
 			    <view class="border-bottom-one"></view>
 			</view>
 			<view class="tabbar-item" style="text-align: left;margin-left: 26upx;"  @click="clicktab(1)" :class="{'active':tabIndex===1}">
 				我报名的<view class="border-bottom-two"></view>
 			</view>
+			<view class="tabbar-item" style="text-align: left;margin-left: 52upx;"  @click="clicktab(2)" :class="{'active':tabIndex===2}">
+				成长路径<view class="border-bottom-two"></view>
+			</view>
 		</view>
 		<!-- 筛选状态 -->
 		<view class="addition" v-show="tabIndex===0">
@@ -123,6 +126,94 @@
 				<uni-load-more :status="studyLoadStatus"></uni-load-more>
 			</view>
 		</view>
+		<view class="learn" v-show="tabIndex===2" v-if="Object.keys(detailData).length">
+			<view class="learn_header">
+				<view class="learn_left">
+					<text class="text">我的成长路径</text>
+					<image @click="contentOn" src="../../static/images/learnpath/why.png" class="image"></image>
+					<view class="up_content" v-show="upContent">
+						<view class="text">根据您的归属组织、您所在岗位、职级，已为您自动匹配“{{detailData.growName || ''}}”，抓紧时间学习吧～</view>
+						<image @click="contentOut" class="down" src="../../static/images/learnpath/down.png" mode=""></image>
+					</view>
+				</view>
+				<view class="learn_right">
+					<text class="text">什么是成长路径</text>
+					<image @click="onLearnModal" class="image" src="../../static/images/learnpath/whyWhite.png" mode=""></image>
+				</view>
+			</view>
+			<view class="line"></view>
+			<view class="learn_body">
+				<view class="body_job">
+					<view class="name">{{detailData.growName || ''}}</view>
+					<view class="job">
+						<text>{{detailData.organizationName || ''}}</text>
+						<text> 学习状态：<text :style="{color: ['#FF8336','#31AF0D','#409EFF '][detailData.studyStatus]}">{{detailData.studyStatus==0?'未开始':detailData.studyStatus==1?'已完成':'进行中'}}</text></text>
+					</view>
+					<view class="plan_item">
+						<image class="image" src="../../static/images/learnpath/file.png" mode=""></image>
+						<text class="text" @click="planDown = true">共享文档</text>
+						<view class="plan_down" v-show="planDown">
+							<image @click="planDown = false" class="down" src="../../static/images/learnpath/down.png" mode=""></image>
+							<view class="header">
+								共享文档
+							</view>
+							<view class="body">
+								<view class="left">
+									<image class="img" src="" mode=""></image>
+									<text class="text">人工智能启蒙讲解讲义.pptx</text>
+								</view>
+								<view class="right">
+									下载
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="body_item" v-if="detailData.remark">
+					<view class="body_top">
+						<image class="img" src="../../static/images/learnpath/explain.png" mode=""></image>
+						<text class="text">说明</text>
+					</view>
+					<view class="body_down">
+						<view class="text_ele">
+						{{detailData.remark || ''}}
+						</view>
+					</view>
+				</view>
+				<view class="body_item">
+					<view class="body_top">
+						<image class="img" src="../../static/images/learnpath/plan.png" mode=""></image>
+						<text class="text">学习进度</text>
+					</view>
+					<view class="body_plan">
+						<view class="plan_left">
+							<view class="left">
+								<view style="margin-bottom: 24rpx;">总任务：</view>
+								<view>当前任务：</view>
+							</view>
+							<view class="right">
+								<view style="margin-bottom: 24rpx;">{{detailData.taskNum}}门</view>
+								<view>{{detailData.currentTaskName}}</view>
+							</view>
+						</view>
+						<view class="plan_right">
+							
+						</view>
+					</view>
+				</view>
+				<view class="go_learn" @click="goLearn(detailData)">
+					{{detailData.overallCompletionRate==0?'开始学习':detailData.overallCompletionRate==100?'回顾':'继续学习'}}
+				</view>
+			</view>
+		</view>
+		<view class="learn" v-show="tabIndex===2" v-else>
+			<u-empty
+			        mode="data"
+			        icon="http://cdn.uviewui.com/uview/empty/data.png"
+					style="height: 75vh;"
+			>
+			</u-empty>
+		</view>
 		<u-modal :show="studyResetShow" :showCancelButton="true" @cancel="cancelResetStudy" @confirm="resetStudy"	ref="uModal" :asyncClose="true">
 			您确定要重新学习吗？
 		</u-modal>
@@ -172,6 +263,24 @@
 				</view>
 			</view>
 		</u-overlay> -->
+		<u-modal :show="learnModal" :showConfirmButton="false" width="200px">
+			<view class="item_modal">
+				<view class="item_title">
+					成长路径说明
+				</view>
+				<view class="item_text">
+					本功能针对学员所在组织、岗位、职级自动匹配成长路径，完成本路径方可晋升
+				</view>
+				<view class="item_btn" @click="outLearnModal">
+					我已阅读
+				</view>
+				<view class="item_check">
+					<u-checkbox-group>
+						<u-checkbox v-model="checked" :checked="isChecked" shape="square" label="下次进入不在弹窗" @change="checkedBox"></u-checkbox>
+					</u-checkbox-group>
+				</view>
+			</view>
+		</u-modal>
 	</view>
 </template>
 <script>
@@ -182,12 +291,19 @@
 	import { formatDate } from '@/utils/tools.js';
 	import apiUser from '@/api/system/user.js'
 	import { mapGetters } from 'vuex'
+	import { getList } from "@/api/modules/growth.js"
 	export default {
 		computed: {
 			...mapGetters(['userInfo', 'isOneStady'])
 		},
 		data() {
 			return {
+				detailData: {},
+				planDown: false,
+				upContent: false,
+				checked: false,
+				isChecked: false,
+				learnModal: false,
 				Applistatus:'',
 				autonomyStatusShow: false,
 				delData: {},
@@ -316,6 +432,29 @@
 			}, 500);
 		},
 		methods: {
+			goLearn() {
+				uni.navigateTo({
+					url: '/pages/learnPath/learnPath?growId='+this.detailData.growId+'&name='+this.detailData.growName
+					
+				});
+			},
+			contentOn() {
+				this.upContent = true
+			},
+			contentOut() {
+				this.upContent = false
+			},
+			onLearnModal() {
+				this.learnModal = true
+				this.isChecked = localStorage.getItem("checkedTrue") === "false"
+			},
+			checkedBox(value){
+				this.checked = value
+			},
+			outLearnModal() {
+				this.learnModal = false
+				localStorage.setItem("checkedTrue",!this.checked)
+			},
 			reSetList() {
 				this.studyList.forEach(item=>{
 					item.delcour = false;
@@ -608,6 +747,18 @@
 				if (this.tabIndex == 1 && this.studyList.length == 0) {
 					this.getLearning()
 				} else if (this.tabIndex == 2) {
+					if(localStorage.getItem("checkedTrue")!=null){
+						this.learnModal = localStorage.getItem("checkedTrue") === "true"
+						this.isChecked = localStorage.getItem("checkedTrue") === "false"
+						getList(this.userInfo.aid).then(res=>{
+							console.log(res,'res')
+							if(res.code == 200 ){
+								this.detailData = res.data
+							}
+						})
+					}else{
+						this.learnModal = true
+					}
 					//this.history()
 				} else if (this.tabIndex == 0 && this.couresList.length == 0) {
 					this.loadBoeData()
@@ -754,6 +905,321 @@
 		font-weight: 600;
 		color: #333333;
 		padding: 33px 25px 33px 25px;
+		background: linear-gradient( 180deg, #E8ECFF 0%, #FFFFFF 100%);
+	}
+	.item_modal{
+		
+		.item_title{
+			margin: 0 auto;
+			margin-top: -22rpx;
+			height: 50rpx;
+			font-weight: 500;
+			font-size: 36rpx;
+			color: #333333;
+			line-height: 50rpx;
+			margin-bottom: 38rpx;
+		}
+		.item_text{
+			height: 96rpx;
+			font-weight: 400;
+			font-size: 26rpx;
+			color: #333333;
+			line-height: 48rpx;
+			margin-bottom: 40rpx;
+		}
+		.item_btn{
+			width: 220rpx;
+			height: 68rpx;
+			background: linear-gradient( 90deg, #5390FD 0%, #3162FA 100%);
+			border-radius: 8rpx;
+			margin: 0 auto;
+			text-align: center;
+			line-height: 68rpx;
+			font-weight: 400;
+			font-size: 28rpx;
+			color: #FFFFFF;
+			margin-bottom: 56rpx;
+		}
+		.item_check{
+			font-weight: 400;
+			font-size: 28rpx;
+			color: #666666;
+			line-height: 28rpx;
+			margin-bottom: -14rpx;
+		}
+	}
+	.learn{
+		.line{
+			width: 100%;
+			height: 20rpx;
+			background: #F9F9F9;
+		}
+		.learn_header{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 20rpx;
+			margin-bottom: 30rpx;
+			.learn_left{
+				position: relative;
+				margin-left: 36rpx;
+				.text{
+					width: 192rpx;
+					height: 44rpx;
+					font-weight: 600;
+					font-size: 32rpx;
+					color: #333333;
+					line-height: 44rpx;
+					text-align: left;
+					margin-right: 14rpx;
+					vertical-align: middle;
+				}
+				.image{
+					width: 32rpx;
+					height: 32rpx;
+					vertical-align: middle;
+				}
+				.up_content{
+					width: 712rpx;
+					height: 264rpx;
+					background: url("../../static/images/learnpath/downImg.png") no-repeat;
+					background-size: 100%;
+					position: absolute;
+					top: 20rpx;
+					left: -50rpx;
+					z-index: 600;
+					.text{
+						width: 488rpx;
+						height: 120rpx;
+						font-weight: 400;
+						font-size: 24rpx;
+						color: #333333;
+						line-height: 40rpx;
+						margin: 74rpx 152rpx 70rpx 72rpx;
+					}
+					.down{
+						width: 42rpx;
+						height: 42rpx;
+						position: absolute;
+						right: 52rpx;
+						top: 64rpx;
+					}
+				}
+			}
+			.learn_right{
+				width: 300rpx;
+				height: 54rpx;
+				background: #387DF7;
+				box-shadow: 2rpx 4rpx 16rpx 0rpx rgba(56,125,247,0.34);
+				border-radius: 40rpx;
+				margin-right: 20rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				.text{
+					height: 40rpx;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #FFFFFF;
+					line-height: 40rpx;
+					margin-right: 14rpx;
+					vertical-align: middle;
+				}
+				.image{
+					width: 40rpx;
+					height: 40rpx;
+					vertical-align: middle;
+				}
+			}
+		}
+		.learn_body{
+			.body_job{
+				background: linear-gradient( 180deg, #3161FA 0%, #5195FF 100%);
+				border-radius: 8rpx;
+				border: 2rpx solid #E4EDFE;
+				margin: 24rpx 28rpx 40rpx 30rpx;
+				padding: 40rpx 28rpx 32rpx 40rpx;
+				position: relative;
+				.name{
+					// height: 44rpx;
+					font-weight: 600;
+					font-size: 32rpx;
+					color: #FFFFFF;
+					line-height: 44rpx;
+					margin-bottom: 20rpx;
+				}
+				.job{
+					// height: 40rpx;
+					flex-wrap: wrap;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #FFFFFF;
+					line-height: 40rpx;
+					display: flex;
+					justify-content: space-between;
+				}
+				.plan_item{
+					position: absolute;
+					top: 216rpx;
+					right: 0;
+					.image{
+						width: 42rpx;
+						height: 36rpx;
+						margin-right: 20rpx;
+						vertical-align: middle;
+					}
+					.text{
+						height: 44rpx;
+						font-weight: 600;
+						font-size: 32rpx;
+						color: #409EFF;
+						line-height: 44rpx;
+						vertical-align: middle;
+					}
+					.plan_down{
+						position: absolute;
+						z-index: 900;
+						right: -44rpx;
+						top: 26rpx;
+						width: 780rpx;
+						max-height: 756rpx;
+						background: url("../../static/images/learnpath/downppt.png") no-repeat;
+						background-size: 100%;
+						margin-bottom: 36rpx;
+						padding-bottom: 36rpx;
+						.down{
+							width: 52rpx;
+							height: 52rpx;
+							position: absolute;
+							top: 60rpx;
+							right: 66rpx;
+						}
+						.header{
+							margin: 0 auto;
+							margin-top: 80rpx;
+							width: 144rpx;
+							height: 56rpx;
+							font-weight: 600;
+							font-size: 36rpx;
+							color: #202020;
+							line-height: 56rpx;
+							margin-bottom: 22rpx;
+						}
+						.body{
+							display: flex;
+							justify-content: space-between;
+							.left{
+								margin-left: 80rpx;
+								.img{
+									width: 40rpx;
+									height: 40rpx;
+									margin-right: 24rpx;
+								}
+								.text{
+									height: 40rpx;
+									font-weight: 400;
+									font-size: 28rpx;
+									color: #666666;
+									line-height: 40rpx;
+								}
+							}
+							.right{
+								text-align: center;
+								width: 140rpx;
+								height: 56rpx;
+								line-height: 56rpx;
+								border-radius: 8rpx;
+								border: 2rpx solid #387DF7;
+								font-weight: 400;
+								font-size: 28rpx;
+								color: #387DF7;
+								margin-right: 80rpx;
+							}
+						}
+					}
+				}
+			}
+		}
+		.body_item{
+			margin-bottom: 30rpx;
+			margin-left: 34rpx;
+			.body_top{
+				.img{
+					width: 32rpx;
+					height: 32rpx;
+					vertical-align: middle;
+					margin-right: 20rpx;
+				}
+				.text{
+					height: 44rpx;
+					font-weight: 600;
+					font-size: 32rpx;
+					color: #333333;
+					line-height: 44rpx;
+					vertical-align: middle;
+				}
+			}
+			.body_down{
+				margin: 24rpx 30rpx 30rpx 28rpx;
+				padding: 22rpx 38rpx 26rpx 40rpx;
+				max-height: 328rpx;
+				background: #F7F7F7;
+				border-radius: 8rpx;
+				font-weight: 400;
+				font-size: 28rpx;
+				text-align: left;
+				.text_ele{
+					overflow: hidden;
+					word-break:break-all;
+					text-overflow: ellipsis;
+					-webkit-box-orient: vertical; 
+					display: -webkit-box;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					-webkit-line-clamp: 6;
+				}
+			}
+			.body_plan{
+				margin: 32rpx 30rpx 30rpx 28rpx;
+				height: 228rpx;
+				background: linear-gradient( 186deg, #E5EDFB 0%, #F7F9FC 100%);
+				border-radius: 8rpx;
+				display: flex;
+				.plan_left{
+					margin: 62rpx 70rpx 60rpx 48rpx;
+					display: flex;
+					.left{
+						height: 40rpx;
+						font-weight: 400;
+						font-size: 28rpx;
+						color: #848593;
+						line-height: 40rpx;
+						margin-right: 12rpx;
+					}
+					.right{
+						height: 42rpx;
+						font-weight: 600;
+						font-size: 30rpx;
+						color: #3B3C4A;
+						line-height: 42rpx;
+					}
+				}
+			}
+		}
+		.go_learn{
+			width: 472rpx;
+			height: 96rpx;
+			background: linear-gradient( 112deg, #5491FD 0%, #2A58FA 100%);
+			border-radius: 48rpx;
+			font-weight: 500;
+			font-size: 28rpx;
+			color: #FFFFFF;
+			line-height: 40rpx;
+			margin: 0 auto;
+			line-height: 96rpx;
+			text-align: center;
+			margin-bottom: 22rpx;
+		}
 	}
 	.delcoures{
 		position: absolute;
@@ -1123,7 +1589,7 @@
 		color: #666;
         font-size: 32upx;
 		.tabbar-item {
-			flex: 1;
+			// flex: 1;
 			position: relative;
 			.border-bottom-one{
 				width: 120upx;
diff --git a/project.config.json b/project.config.json
new file mode 100644
index 0000000..b8ffa9a
--- /dev/null
+++ b/project.config.json
@@ -0,0 +1,29 @@
+{
+  "appid": "wxa5b4dd61b812ce01",
+  "compileType": "miniprogram",
+  "libVersion": "3.4.5",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "setting": {
+    "coverView": true,
+    "es6": true,
+    "postcss": true,
+    "minified": true,
+    "enhance": true,
+    "showShadowRootInWxmlPanel": true,
+    "packNpmRelationList": [],
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    },
+    "condition": false
+  },
+  "condition": {},
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  }
+}
\ No newline at end of file
diff --git a/project.private.config.json b/project.private.config.json
new file mode 100644
index 0000000..5e087bd
--- /dev/null
+++ b/project.private.config.json
@@ -0,0 +1,7 @@
+{
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "projectname": "learning-system-mobile",
+  "setting": {
+    "compileHotReLoad": true
+  }
+}
\ No newline at end of file
diff --git a/static/images/go.png b/static/images/go.png
new file mode 100644
index 0000000..c0dbc01
Binary files /dev/null and b/static/images/go.png differ
diff --git a/static/images/learnpath/7learn.png b/static/images/learnpath/7learn.png
new file mode 100644
index 0000000..9873a24
Binary files /dev/null and b/static/images/learnpath/7learn.png differ
diff --git a/static/images/learnpath/credit.png b/static/images/learnpath/credit.png
new file mode 100644
index 0000000..31eee17
Binary files /dev/null and b/static/images/learnpath/credit.png differ
diff --git a/static/images/learnpath/down.png b/static/images/learnpath/down.png
new file mode 100644
index 0000000..f67eb1d
Binary files /dev/null and b/static/images/learnpath/down.png differ
diff --git a/static/images/learnpath/downImg.png b/static/images/learnpath/downImg.png
new file mode 100644
index 0000000..922af9d
Binary files /dev/null and b/static/images/learnpath/downImg.png differ
diff --git a/static/images/learnpath/downppt.png b/static/images/learnpath/downppt.png
new file mode 100644
index 0000000..592d155
Binary files /dev/null and b/static/images/learnpath/downppt.png differ
diff --git a/static/images/learnpath/explain.png b/static/images/learnpath/explain.png
new file mode 100644
index 0000000..8f145d4
Binary files /dev/null and b/static/images/learnpath/explain.png differ
diff --git a/static/images/learnpath/file.png b/static/images/learnpath/file.png
new file mode 100644
index 0000000..f83a18a
Binary files /dev/null and b/static/images/learnpath/file.png differ
diff --git a/static/images/learnpath/plan.png b/static/images/learnpath/plan.png
new file mode 100644
index 0000000..368168f
Binary files /dev/null and b/static/images/learnpath/plan.png differ
diff --git a/static/images/learnpath/plane.png b/static/images/learnpath/plane.png
new file mode 100644
index 0000000..a35746f
Binary files /dev/null and b/static/images/learnpath/plane.png differ
diff --git a/static/images/learnpath/task.png b/static/images/learnpath/task.png
new file mode 100644
index 0000000..b1686c2
Binary files /dev/null and b/static/images/learnpath/task.png differ
diff --git a/static/images/learnpath/why.png b/static/images/learnpath/why.png
new file mode 100644
index 0000000..44227e7
Binary files /dev/null and b/static/images/learnpath/why.png differ
diff --git a/static/images/learnpath/whyWhite.png b/static/images/learnpath/whyWhite.png
new file mode 100644
index 0000000..96ae434
Binary files /dev/null and b/static/images/learnpath/whyWhite.png differ