合并代码

pages.json

@@ -148,8 +148,15 @@
 		        "navigationBarTitleText": "",
 		        "enablePullDownRefresh": false
 		    }
-		    
-		}
+        },
+        {
+            "path" : "pages/myPoints/myPoints",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }  
+        }
     ],
 	// "tabBar": {
 	//         "color": "#7A7E83", // tab 上的文字默认颜色

pages/index/index.vue

@@ -68,7 +68,7 @@
 			return {
 				featureLists:[
 					{ key: '00', name: '销售课程', icon: 'salesCourse', link: '', isOpen: false },
-					{ key: '01', name: '我的积分', icon: 'integral', link: '', isOpen: false },
+					{ key: '01', name: '我的积分', icon: 'integral', link: '../myPoints/myPoints', isOpen: true },
 					{ key: '02', name: '申请加盟', icon: 'applyJoin', link: '../application-process/basic-info', isOpen: true },
 					{ key: '03', name: '学习认证', icon: 'learningCertify', link: '../learnCertify/learnCertify', isOpen: true },
 					{ key: '04', name: '邀请加盟', icon: 'shareJoin', link: '../inviteJoin/inviteJoin', isOpen: true },

pages/myPoints/myPoints.vue

+<template>
+	<view class="container">
+		<view class="top">
+			<view class="">
+				<text>可兑换积分</text><text>5555.55积分</text>
+			</view>
+			<view class="">
+				<text>可兑换提现5555.55</text>
+			</view>
+			<ul class="nav">
+				<li class="nav_item" v-for="navItem in navList" @click="selectNav(navItem)"
+				:class="{'selected':navItem.id==selectedId}">
+					{{navItem.name}}
+				</li>
+			</ul>
+		</view>
+		<view class="point_content">
+			<view class="title">
+				<h4>积分明细</h4>
+			</view>
+			<ul class="point_content_list">
+				<li>课程大类</li>
+				<li>积分来源</li>
+				<li>获得积分</li>
+				<li>操作</li>
+			</ul>
+			<ul class="point_content_list" v-for="pointItem in pointList">
+				<li>{{pointItem.classify}}</li>
+				<li>{{pointItem.source}}</li>
+				<li class="get_point">{{pointItem.score}}</li>
+				<li class="point_detail">查看明细</li>
+			</ul>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default{
+		data(){
+			return {
+				navList:[{name:'日积分',id:1},{name:'月积分',id:2},{name:'年积分',id:3}],
+				selectedId:1,
+				pointList:[{name:'课程大类',id:1,source:'销售收入',classify:'家组信托',score:100}]
+			}
+		},
+		components:{},
+		onLoad(){
+			
+		},
+		methods:{
+			selectNav(navItem){
+				this.selectedId = navItem.id
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.container{
+			padding: 30rpx;
+			.top{
+				.nav{
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+					height: 80rpx;
+					.nav_item.selected{
+						color: #CDA464;
+						padding-bottom: 10rpx;
+						border-bottom: 2rpx solid #CDA464;
+					}
+				}
+			}
+			.point_content{
+					background: #fff;
+					position: relative;
+					.title{
+						padding: 20rpx;
+						display: flex;
+						justify-content: space-between;
+						h4{
+							margin-left: 20rpx;
+						}
+					}
+					.title:before{
+						position: absolute;
+						left: 20rpx;
+						top: 20rpx;
+						display: inline-block;
+						content: '';
+						width: 2px;
+						height: 44rpx;
+						background-color: #FA882F;
+						border-radius: 2px;
+					}
+					.point_content_list{
+						display: flex;
+						justify-content: space-between;
+						text-align: center;
+						align-items: center;
+						height: 70rpx;
+						li{
+							width: 25%;
+							text-align: center;
+						}
+						.get_point{
+							color: #FF0000;
+						}
+						.point_detail{
+							color: #0A2F99;
+						}
+					}
+			}
+	}
+	
+</style>
\ No newline at end of file

pages/personalCenter/personalCenter.vue

@@ -69,7 +69,7 @@
 					},
 					{id:'01',categoryName:'积分管理',
 						children:[
-							{title:'我的积分',icon:'integral',link:'',isOpen:true,isShow:true},
+							{title:'我的积分',icon:'integral',link:'/pages/myPoints/myPoints',isOpen:true,isShow:true},
 							{title:'积分兑换',icon:'integralShopping',link:'',isOpen:true,isShow:true}
 						],
 					},