首页

pages.json

@@ -73,7 +73,7 @@
 	            "selectedIconPath": "static/tabbar/cffp_active.png", // 选中时的图片路径
 	            "text": "CFFP认证" // tab 上按钮文字
 	        },{
-	            "pagePath": "pages/index/index",
+	            "pagePath": "pages/personalCenter/personalCenter",
 	            "iconPath": "static/tabbar/my.png",
 	            "selectedIconPath": "static/tabbar/my_active.png",
 	            "text": "我的"

pages/index/index.vue

 <template>
+	<view class="top">
+		<view class="compony">
+			银盾保险经纪
+		</view>
+		<view class="search">
+			<img src="/static/message.png" alt="">
+		</view>
+		<view class="banner">
+			
+		</view>
+		<view class="meaasge">
+			<img src="/static/horn.png" alt="">
+		</view>
+	</view>
 	<view class="content">
-
-		<view class="text-area">
-			<text class="title">{{title}}</text>
+		<view class="featureContent">
+		  <!-- 模块导航 -->
+		  <view class="nav_wrapper">
+		    <view class="nav_content" v-for="featureItem in featureLists" @click="featureSelect(featureItem)">
+		      <view>
+		        <img :src="'/static/moduleIcon/'+featureItem.icon + '.png'" alt="" srcset="">
+		      </view>
+		      <view>{{featureItem.name}}</view>
+		    </view>
+		  </view>
 		</view>
+	</view>
+	<view class="">
 		<courselist></courselist>
 	</view>
+	
 </template>
 
 <script>
@@ -13,7 +37,16 @@
 	export default {
 		data() {
 			return {
-				title: '首页'
+				featureLists:[
+					{ key: '00', name: '销售课程', icon: 'salesCourse', link: '', isOpen: true },
+					{ key: '01', name: '我的积分', icon: 'integral', link: '', isOpen: false },
+					{ key: '02', name: '申请加盟', icon: 'applyJoin', link: '', isOpen: true },
+					{ key: '03', name: '学习认证', icon: 'learningCertify', link: '', isOpen: true },
+					{ key: '04', name: '邀请加盟', icon: 'shareJoin', link: '', isOpen: true },
+					{ key: '05', name: '我的分享', icon: 'share', link: '', isOpen: true },
+					{ key: '06', name: '我的团队', icon: 'team', link: '', isOpen: true },
+					{ key: '07', name: '更多功能', icon: 'more', link: '', isOpen: true }
+				]
 			}
 		},
 		comments:{
@@ -23,7 +56,9 @@
 
 		},
 		methods: {
-
+			featureSelect(featureItem){
+				console.log(featureItem)
+			}
 		},
 		onShow() {
 			if(!uni.getStorageSync('isLogin')){
@@ -36,30 +71,34 @@
 	}
 </script>
 
-<style>
+<style lang="scss">
 	.content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.logo {
-		height: 200rpx;
-		width: 200rpx;
-		margin-top: 200rpx;
-		margin-left: auto;
-		margin-right: auto;
-		margin-bottom: 50rpx;
-	}
-
-	.text-area {
-		display: flex;
-		justify-content: center;
+		margin-bottom: 80rpx;
+		overflow: hidden;
+		.featureContent{
+		  padding-top: 10px;
+		  .nav_wrapper{
+		    display: flex;
+		    align-items: center;
+		    justify-content: space-around;
+		    flex-wrap: wrap;
+		    width: 100%;
+		    .nav_content{
+		      display: flex;
+		      flex-direction: column;
+		      align-items: center;
+		      justify-content: center;
+		      width: 0;
+		      flex:0 0 25%;
+		      margin-bottom: 10px;
+		      font-size: 14px;
+		      color: #666;
+		      >div:first-child{
+		          width: 48px;
+		      }
+		    }
+		  }
+		}
 	}
 
-	.title {
-		font-size: 36rpx;
-		color: #8f8f94;
-	}
 </style>