页面修改

components/navpage/activity.vue

+<template>
+	<view>
+		
+		<view style="border: #00D6A6;">最新动态</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

components/navpage/category.vue

+<template>
+	<view>
+		<view style="border: #007AFF;">品牌</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

components/navpage/index.vue

+<template>
+	<div class="mynav" :style="{'background':bg}">
+		<swiper :autoplay="false" :style="{'height': height + 'rpx' }">
+			<swiper-item v-for="(item, index) in cols" :key="index">
+				<view :style="[formatStyle]">
+					<u-grid :col="navs.columns" align="left" :border="false">
+						<u-grid-item v-for="(c, i) in item" :key="i" class="grid-text" @click="clickHandler(c)">
+							<image :src="getIconLink(c.icon)" mode="widthFix" style="width: 64rpx; height: 64rpx;" />
+							<text :style="{'color':navs.color}">{{ c.name }}</text>
+						</u-grid-item>
+					</u-grid>
+				</view>
+			</swiper-item>
+		</swiper>
+		<template>
+			<cats v-if="clickItem.url == 'cats'"></cats>
+			<activity v-if="clickItem.url == 'activity'"></activity>
+			<news v-if="clickItem.url == 'news'"></news>
+		</template>
+	</div>
+</template>
+<script>
+	import cats from "@/components/navpage/category";
+	import activity from "@/components/navpage/activity";
+	import news from "@/components/navpage/news";
+	export default {
+		components: {
+			cats,
+			news,
+			activity
+		},
+		props: ["navs"],
+		data() {
+			return {
+				cols: [],
+				formatStyle: "",
+				height: 160,
+				bg: "",
+				clickItem: {}, //当前点击的页面
+			};
+		},
+		created() {
+			let tempArray = [];
+			this.height = this.navs.rows * this.height;
+			this.navs.navs.forEach((x, i) => {
+				tempArray.push(x);
+				if (
+					((i + 1) % (this.navs.columns * this.navs.rows) == 0 ||
+						i == this.navs.navs.length - 1) &&
+					(i != 0 || this.navs.navs.length == 1)
+				) {
+					this.cols.push(tempArray);
+					tempArray = [];
+				}
+			});
+			if (this.navs.showImg) {
+				this.formatStyle = {
+					backgroundColor: this.navs.backgroundColor,
+					backgroundImage: `url('${this.backgroundPicUrl}');`,
+					backgroundPosition: this.navs.position,
+					backgroundSize: `${this.navs.backgroundWidth}% ${this.navs.backgroundHeight}%;`,
+				};
+			} else {
+				if (this.navs.backgroundColor.indexOf("#") == -1) {
+					this.navs.backgroundColor = "#" + this.navs.backgroundColor;
+				}
+				this.formatStyle = {
+					backgroundColor: this.navs.backgroundColor
+				};
+			}
+			this.bg = this.formatStyle.backgroundColor
+		},
+		methods: {
+			clickHandler(item) {
+				this.clickItem = item;
+			},
+		},
+	};
+</script>
+
+<style>
+	.mynva .grid-text {
+		font-size: 28rpx;
+		margin-top: 4rpx;
+		color: "#330330";
+	}
+
+	.grid-text view {
+		background: transparent !important;
+	}
+</style>

components/navpage/news.vue

+<template>
+	<view>
+		
+		<view style="border: #C92B2B;">活动</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

manifest.json

@@ -55,7 +55,7 @@
             "sdkConfigs" : {
                 "share" : {
                     "weixin" : {
-                        "appid" : "wx38e054ee42b054f4",
+                        "appid" : "wxacd9f8cc3480d29e",
                         "UniversalLinks" : ""
                     }
                 }
@@ -66,7 +66,7 @@
     "quickapp" : {},
     /* 小程序特有相关 */
     "mp-weixin" : {
-        "appid" : "wx38e054ee42b054f4",
+        "appid" : "wxacd9f8cc3480d29e",
         "setting" : {
             "urlCheck" : false,
             "minified" : false

pages.json

@@ -34,6 +34,15 @@
             "path": "pages/webbox/webbox"
         }
 
+        ,{
+            "path" : "components/navpage/category",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
     "subPackages": [{
             "root": "pages/goods",

pages/index/index.vue

@@ -18,7 +18,7 @@
 						<u-icon name="arrow-left" size="44"></u-icon>
 					</view>
 				</view>
-				<!-- <view @click='yj' style="width: 200px;height: 50px;">活动</view> -->
+				<view @click='yj' style="width: 200px;height: 50px;">活动</view>
 				<u-tabs v-if="myPageData.home_pages && myPageData.home_pages.navs.length > 1" name="name" :list="myPageData.home_pages.navs"
 				 :is-scroll="true" :active-color="mainColor" :current="active" :bar-width="80" :font-size="32" :bold="false" @change="changeHandler"></u-tabs>
 				<template v-for="(item, i) in myPageData.home_pages.navs">
@@ -32,7 +32,7 @@
 							<notice v-if="d.id == 'notice'" :notice="d.data" :key="di"></notice>
 							<gridnav v-if="d.id == 'nav'" :navs="d.data" :key="di"></gridnav>
 							<pagetitle v-if="d.id == 'link'" :ts="d.data" :key="di"></pagetitle>
-							<videopage v-if="d.id == 'video'" :video="d.data" :index='di' :key="di"></videopage>
+							<videopage v-if="d.id == 'video'" :video="d.data" :key="di"></videopage>
 							<copyright v-if="d.id == 'copyright'" :cop="d.data" :key="di"></copyright>
 							<checkin v-if="d.id == 'check-in'" :check="d.data" :key="di"></checkin>
 							<userbox v-if="d.id == 'user-info'" :ts="d.data" :key="di"></userbox>
@@ -58,7 +58,8 @@
 							<sindex v-if="d.id == 'storeGoods'" :goods="d.data" :key="di"></sindex>
 							<!-- 老师列表 -->
 							<educationteacher v-if="d.id == 'educationteacher'" :goods="d.data" :key="di"></educationteacher>
-		
+							<!--导航栏-->
+		                    <navpage v-if="d.id == 'nav-page'" :navs="d.data" :key="di"></navpage>
 						</template>
 					</view>
 				</template>
@@ -115,6 +116,7 @@
 	import store from "@/components/store/store.vue"
 	import sindex from "@/components/store/index.vue"
 	import educationteacher from "@/components/educationteacher/index"
+	import navpage from "@/components/navpage/index";
 	const innerAudioContext = uni.createInnerAudioContext();
 	export default {
 		data() {
@@ -151,8 +153,6 @@
 				showStart:false,//是否显示启动页
 				startData:{},
 				ComeFrom:'',
-				teacherId:0,
-				activityid:0,//活动id
 			};
 		},
 		components: {
@@ -184,12 +184,10 @@
 			argoods,
 			store,
 			sindex,
-			educationteacher
+			educationteacher,
+			navpage
 		},
 		onLoad(options) {
-			// options = {//模拟数据
-			// 	user_id:120590,SmallShopId:0,Up:0,activityid:6,JumpType:11
-			// }
 			let that = this;
 			uni.getSystemInfo({
 				success(res) {
@@ -284,15 +282,6 @@
 			if (options && options.storeId) {
 				this.fxstoreId = options.storeId;
 			}
-			if (options && options.teacherId) {//老师Id
-				this.teacherId = options.teacherId;
-				
-			}
-			if (options && options.activityid) {//活动id
-				this.activityid = options.activityid;
-				
-			}
-			
 			// #ifdef MP-WEIXIN
 			wx.showShareMenu({
 				withShareTicket: true,
@@ -723,14 +712,7 @@
 						    console.log(e)
 						}
 						uni.navigateTo({ url: "/pages/reserve/goodsDetails?GoodsId=" + that.GoodsId });
-					}else if (that.JumpType == 10) {
-						//老师详情
-						uni.navigateTo({ url: "/pages/school/teacherDetails?ID=" + that.teacherId });
-					} else if (that.JumpType == 11) {
-						//活动详情
-						uni.navigateTo({ url: "/pages/friendcircle/activeContent?ActivityId=" + that.activityid });
 					} 
-					
 				
 				}, 500);
 			},
@@ -1138,7 +1120,7 @@
 			},
 			yj(){
 				uni.navigateTo({
-					url: '/pages/appointment/appointment' 
+					url: '/pages/friendcircle/activitylist' 
 				})
 			}
 		},