邓洁: 修改页面细节

App.vue

@@ -1,5 +1,4 @@
 <template>
-	<TabBar></TabBar>
 </template>
 <script>
 	export default {

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>

manifest.json

@@ -55,7 +55,13 @@
 			"urlCheck": false
 		},
 		"usingComponents": true,
-        "permission" : {}
+		"permission": {
+			// 获取当前的地理位置、速度 配置
+			"scope.userLocation": {
+				"desc": "你的位置信息将用于小程序位置接口的效果展示"
+			}
+		}
+
 	},
 	"mp-alipay": {
 		"usingComponents": true

pages.json

@@ -49,60 +49,41 @@
 				"enablePullDownRefresh": false
 			}
 		},
-        {
-            "path" : "pages/publish/publish",
-            "style" : {
-                "navigationBarTitleText" : "",
-                "enablePullDownRefresh" : false
-            }
-        },
 		{
 			"path": "pages/detail/detail",
 			"style": {
 				"navigationBarTitleText": "商品详情"
 			}
-        }
-        
-        ,{
+		}, {
 			"path": "pages/published/published",
-            "style" :                                                                                    
-            {
+			"style": {
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": true
 			}
-            
-        }
-        ,{
+		}, {
 			"path": "pages/publish/publishTransfer/publishTransfer",
-            "style" :                                                                                    
-            {
+			"style": {
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}
 
-        }
-        ,{
+		}, {
 			"path": "pages/publish/publishAddress/publishAddress",
-            "style" :                                                                                    
-            {
+			"style": {
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}
 
-        }
-        ,{
+		}, {
 			"path": "pages/publish/publishRent/publishRent",
-            "style" :                                                                                    
-            {
+			"style": {
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}
 
-        }
-        ,{
+		}, {
 			"path": "pages/publish/publishInvestment/publishInvestment",
-            "style" :                                                                                    
-            {
+			"style": {
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}
@@ -114,8 +95,7 @@
 		"borderStyle": "white",
 		"backgroundColor": "#FFFFFF",
 		"custom": true,
-        "list" : [
-            {
+		"list": [{
 				"pagePath": "pages/index/index",
 				"text": "首页",
 				"iconPath": "static/tabbar/di_icon_syh.png",
@@ -127,12 +107,7 @@
 				"iconPath": "static/tabbar/di_icon_zrh.png",
 				"selectedIconPath": "static/tabbar/di_icon_zr.png"
 			},
-            {
-                "pagePath" : "pages/publish/publish",
-                "text" : "发布",
-                "iconPath" : "static/tabbar/di_icon_fb.png",
-                "selectedIconPath" : "static/tabbar/di_icon_fb.png"
-            },
+
 			{
 				"pagePath": "pages/shopAddress/shopAddress",
 				"text": "找店地址",
@@ -156,12 +131,10 @@
 	"uniIdRouter": {},
 	"condition": { //模式配置，仅开发期间生效
 		"current": 0, //当前激活的模式(list 的索引项)
-		"list": [
-			{
+		"list": [{
 			"name": "", //模式名称
 			"path": "", //启动页面，必选
 			"query": "" //启动参数，在页面的onLoad函数里面得到
-			}
-		]
+		}]
 	}
 }

pages/index/childComps/HomeHeader.vue

@@ -1,127 +0,0 @@
-<template>
-	<view class="header-area">
-		<view class="search-box u-flex u-flex-nowarp u-row-between">
-			<view class="search-box-input" >
-				<u-input 
-					:placeholder="hotSearchWord"
-					prefixIcon="search"
-					prefixIconStyle="font-size: 14px;color: #909399;margin-left:30rpx" 
-				/>
-			</view>
-			<view class="search-box-location">
-				<view><u-icon name="map" color="#909399" size="15"></u-icon></view>
-				<view class="localtion-text"><text>{{position}}</text></view>
-			</view>
-		</view>
-		
-		<view class="swiper">
-			<u-swiper :list="headerBgList"/>
-			<!-- <u-image :src=headerBgURL
-			class="header-bgimg" width="100vw" height="25vh"/> -->
-		</view> 
-		
-	</view>
-</template>
-
-<script>
-	export default{
-		name: "HomeHeader",
-		props: {
-			hotSearchWord:{
-				type: String,
-				default() {
-					return '热门关键词'
-				}
-			},
-			headerBgList:{
-				type: Array,
-				default() {
-				    return ["https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg","https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg"]
-				}
-			},
-			position:{
-				type: String,
-				default() {
-					return '定位中'
-				}
-			}
-		},
-		data() {
-			return {
-				// hotSearchWord:'',
-				// headerBgList:[]
-			}
-		},
-		options: {
-			styleIsolation: 'shared' // 解除样式隔离
-		},
-		computed:{
-			
-		}
-	}
-</script>
-
-<style lang="scss">
-	// 搜索区域样式
-	.header-area {
-		position: relative;
-		.search-box {
-			// background: #000;
-			position: absolute;
-			z-index: 1;
-			left: 50%;
-			width: 84.6%;
-			transform: translateX(-50%); 
-			.search-box-input {
-				border-radius: 10px;
-				padding-top: 3px !important;
-				margin-top: 8px;
-				background-color: #fff;
-				.u-border{
-					border: none;
-				}
-				// 组件内部样式修改
-				.u-input__content {
-					background-color: #fff;
-					border-radius: 1;
-					height: 10px;
-					.u-input__content__field-wrapper__field {
-						// height: 10px !important;
-						font-size: 10px !important;
-					}
-				}
-			}
-			.search-box-location{
-				position: absolute;
-				z-index: 1;
-				height: 25px;
-				// width: 15vw;
-				top: 15px;
-				right: 10%;
-				
-				// transform: translate(-100%);
-				
-				display: flex;
-				.localtion-text{
-					padding-left: 8px;
-					font-size: 10px;
-				}
-			}
-			.header-bgimg {
-				width: 100vw;
-				z-index: 0;
-			}
-		}
-		// 轮播图样式
-		.swiper {
-			.u-swiper {
-				border-radius:0 !important;
-			}
-			.u-swiper__wrapper__item__wrapper__image{
-				border-radius:0 !important;
-			}
-		}
-		
-	}
-	
-</style>

pages/index/index.vue

@@ -1,11 +1,5 @@
 <template>
 	<view class="home-base-bg">
-	<view class="search_box">
-		<view class="search_box_border">
-			<!-- <u-input placeholder="搜索优质产品" placeholder-style="color: #969696" prefixIcon="search"
-				prefixIconStyle="font-size: 22px;color: #909399;margin-left:30rpx" readonly>
-			</u-input> -->
-		</view>
 		<InputAndSwiper></InputAndSwiper>
 		<TabBar :current-page="0"></TabBar>
 		<view class="nav-card">
@@ -45,16 +39,10 @@
 			</u-grid>
 		</view>
 		<view class="news-box">
-			<u-notice-bar
-				:text="newsTextLists"
-				:bg-color="$uni-bg-color"
-			></u-notice-bar>
+			<u-notice-bar :text="newsTextLists" :bg-color="$uni-bg-color"></u-notice-bar>
 		</view>
-		
 		<ShowShopListItem></ShowShopListItem>
-		
 	</view>
-	
 </template>
 
 <script>
@@ -68,7 +56,8 @@
 					'寒雨连江夜入吴',
 					'平明送客楚山孤',
 					'洛阳亲友如相问',
-					'一片冰心在玉壶'],
+					'一片冰心在玉壶'
+				],
 			}
 		},
 		onLoad() {
@@ -85,6 +74,7 @@
 		background-color: $uni-bg-color-grey;
 		width: 100%;
 	}
+
 	.nav-card {
 		margin: 15px 7px;
 		padding: 10px 0;
@@ -97,5 +87,4 @@
 			font-size: 14px;
 		}
 	}
-	
 </style>

pages/publish/publish.vue

@@ -1,32 +0,0 @@
-<template>
-	<view>
-		<view class="test">
-			<button @click="slide()">test</button>
-			<publishSlide v-if="slideVisit" @quitSlide="quitSlide"></publishSlide>
-		</view>
-		<TabBar :current-page="2" />
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				slideVisit : false
-				}
-				},
-		methods: {
-			slide(){
-				this.slideVisit = true
-			},
-			quitSlide(){
-				this.slideVisit = false
-			}
-		}
-	
-	}
-</script>
-
-<style>
-
-</style>