1

components/tabbar/tabBar.vue

@@ -5,11 +5,11 @@
 			@click="goPage(item)">
 			<view class="item-top">
 				<view style="position: relative;width: 45rpx;margin: auto;">
-					<image class="dl-image" :src="currPage === item.id ? item.selectedIconPath : item.iconPath" />
+					<image class="dl-image" :src="menuCode === item.code ? item.selectedIconPath : item.iconPath" />
 					<image v-if="1==i" class="dl-vip" src="@/static/index/vip.png" mode="aspectFit"></image>
 				</view>
 			</view>
-			<view class="item-bottom" :class="[currPage === item.id ? 'item-active' : '']">{{ item.text }}</view>
+			<view class="item-bottom" :class="[menuCode === item.code ? 'item-active' : '']">{{ item.text }}</view>
 		</view>
 	</view>
 </template>
@@ -17,9 +17,9 @@
 <script>
 	export default {
 		props: {
-			currPage: {
-				Type: 'int',
-				default: 0
+			menuCode: {
+				Type: 'String',
+				default: 'home'
 			}
 		},
 		data() {
@@ -71,7 +71,6 @@
 			 * @param {Object} item
 			 */
 			goPage(item) {
-				this.currPage = item.id
 				this.$emit("changeMenu", item.code)
 			}
 		}
@@ -93,6 +92,7 @@
 		color: $textDefaultColor;
 		background-color: #F7F7F7;
 		background-size: 100% 100%;
+		box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.3);
 	}
 
 	.tabbar-item {

pages.json

@@ -91,6 +91,12 @@
 			"style": {
 				"navigationBarTitleText": "通告组件"
 			}
+		},
+		{
+			"path": "pages/components/subscribe",
+			"style": {
+				"navigationBarTitleText": ""
+			}
 		}
 	],
 	"subPackages": [{

pages/index.vue

@@ -5,19 +5,22 @@
 			<!-- 通告列表页 -->
 			<notice-index v-show="'home'==menuCode"></notice-index>
 			<mine-index v-show="'my'==menuCode"></mine-index>
+			<subscribe-vue v-show="'dingyue'==menuCode"></subscribe-vue>
 		</view>
-		<tabBarVue :currPage="3" ref="tarBar" @changeMenu="changeMenu"></tabBarVue>
+		<tabBarVue :menuCode="menuCode" ref="tarBar" @changeMenu="changeMenu"></tabBarVue>
 	</view>
 </template>
 
 <script>
 	import tabBarVue from '@/components/tabbar/tabBar.vue'
 	import noticeIndex from '@/pages/components/index.vue'
+	import subscribeVue from '@/pages/components/subscribe.vue'
 	import mineIndex from '@/pages/mine/index.vue'
 	export default {
 		components: {
 			tabBarVue,
 			noticeIndex,
+			subscribeVue,
 			mineIndex
 		},
 		data() {
@@ -32,7 +35,7 @@
 				total: 0,
 				//下来刷新状态
 				isTriggered: false,
-				menuCode: "my",
+				menuCode: "dingyue",
 			}
 		},
 		onLoad: function() {