邓洁: 修改页面细节

components/TabBar/TabBar.vue

@@ -11,6 +11,7 @@
 				</view>
 			</view>
 		</block>
+		<publishSlide v-if="slideVisit" @quitSlide="quitSlide"></publishSlide>
 	</view>
 </template>
 
@@ -24,6 +25,7 @@
 		},
 		data() {
 			return {
+				slideVisit: false,
 				currentItem: 0,
 				tabbarList: [{
 					id: 0,
@@ -41,9 +43,7 @@
 					centerItem: false
 				}, {
 					id: 2,
-					path: "/pages/publish/publish",
-					icon: "/static/tabbar/di_icon_fb@2x.png",
-					selectIcon: "/static/tabbar/di_icon_fb@2x.png",
+					icon: "/static/tabbar/di_icon_fb.png",
 					text: "发布",
 					centerItem: true
 				}, {
@@ -61,7 +61,6 @@
 					text: "我的",
 					centerItem: false
 				}]
-
 			};
 		},
 		mounted() {
@@ -69,17 +68,23 @@
 			uni.hideTabBar();
 		},
 		methods: {
+			quitSlide() {
+				this.slideVisit = false
+			},
 			changeItem(item) {
+				if (item.id == 2) {
+					this.slideVisit = true
+				}
 				let _this = this;
-				//_this.currentItem = item.id;  
 				uni.switchTab({
 					url: item.path
 				});
+
 			}
 		}
 	}
 </script>
-<style>
+<style scoped>
 	view {
 		padding: 0;
 		margin: 0;
@@ -111,17 +116,18 @@
 	}
 
 	.tabbar-container .item-active {
-		color: #339967;
+		color: #CC3333;
 	}
 
 	.tabbar-container .center-item {
 		display: block;
 		position: relative;
+
 	}
 
 	.tabbar-container .tabbar-item .item-top {
-		width: 46rpx;
-		height: 46rpx;
+		width: 50rpx;
+		height: 50rpx;
 		padding: 0rpx;
 	}
 
@@ -145,7 +151,7 @@
 	}
 
 	.tabbar-container .tabbar-item .item-bottom {
-		font-size: 20rpx;
+		font-size: 22rpx;
 		width: 100%;
 		margin-top: 3rpx;
 	}
@@ -153,5 +159,6 @@
 	.tabbar-container .center-item .item-bottom {
 		position: absolute;
 		bottom: 5rpx;
+		font-size: 24rpx;
 	}
 </style>