路径

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,15 @@
 				<uni-load-more :status="studyLoadStatus"></uni-load-more>
 			</view>
 		</view>
+		<view class="learn" v-show="tabIndex===2">
+			<view class="learn_header">
+				<view class="learn_left">
+					<text class="text">我的成长路径</text>
+					<image src="../../static/images/learnpath/why.png" class="image"></image>
+				</view>
+				<view class="learn_right">什么是成长路径</view>
+			</view>
+		</view>
 		<u-modal :show="studyResetShow" :showCancelButton="true" @cancel="cancelResetStudy" @confirm="resetStudy"	ref="uModal" :asyncClose="true">
 			您确定要重新学习吗？
 		</u-modal>
@@ -755,6 +767,34 @@
 		color: #333333;
 		padding: 33px 25px 33px 25px;
 	}
+	.learn{
+		.learn_header{
+			display: flex;
+			justify-content: space-between;
+			.learn_left{
+				.text{
+					width: 192rpx;
+					height: 44rpx;
+					font-weight: 600;
+					font-size: 32rpx;
+					color: #333333;
+					line-height: 44rpx;
+					text-align: left;
+				}
+				.image{
+					width: 32rpx;
+					height: 32rpx;
+				}
+			}
+			.learn_right{
+				width: 300rpx;
+				height: 54rpx;
+				background: #387DF7;
+				box-shadow: 2rpx 4rpx 16rpx 0rpx rgba(56,125,247,0.34);
+				border-radius: 40rpx;
+			}
+		}
+	}
 	.delcoures{
 		position: absolute;
 		width: 180upx;
@@ -1123,7 +1163,7 @@
 		color: #666;
         font-size: 32upx;
 		.tabbar-item {
-			flex: 1;
+			// flex: 1;
 			position: relative;
 			.border-bottom-one{
 				width: 120upx;

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
+  }
+}

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
+  }
+}