会员相关更新、商品列表更新

components/navseat.vue

@@ -12,23 +12,36 @@
 				<!-- #endif -->
 					<!-- #ifdef MP-WEIXIN -->
 					<view class="navbar_tow flex-between"
-						:style="{'height':HeighT.customBar+'px','marginTop':HeighT.heightBar+'px','padding-right':HeighT.custwidth + 'px'}">
+						:style="{'height':HeighT.customBar + ( (HeighT.heightBar - systemInfo.statusBarHeight)*2 )+'px','marginTop': ( HeighT.heightBar - (HeighT.heightBar - systemInfo.statusBarHeight))+'px','padding-right':HeighT.custwidth + 'px'}">
 					<!-- #endif -->
 						<!-- 标题搜索框 -->
-						<view v-if="search&&opacity">
-							<u--input
-								class="search"
-								v-model="searchVal"
-							    placeholder="想吃什么搜一搜"
-								@confirm="confirmSearch"
-							    prefixIcon="search"
-							    prefixIconStyle="font-size: 22px;color: #909399"
-								:customStyle="{height:'100%',marginLeft:'20rpx',backgroundColor:'#eee',padding: '0'}"
-							></u--input>
+						<view class="flex-between" v-if="opacity&&inputshow">
+							<view class="navbar_tow_one flex-start" v-if="iconshow" @click="clicknavigateBack">
+								<u-icon name="arrow-left" :color="iconcolor" size="40"></u-icon> 
+							</view>
+							<view class="navbar_tow_tow " @click="inputFocus" style="position: relative;">
+								<u--input
+									placeholder="请输入内容"
+									class="custom-input"
+									border="surround"
+									:focus="focus"
+									@confirm="confirmSearch"
+									v-model="searchVal"
+									:readonly="readonly"
+									prefixIcon="search"
+									prefixIconStyle="font-size: 18px;color: #909399"
+									placeholderStyle="font-size: 14px;color: #999"
+									fontSize="14px"
+									:customStyle="{padding: '3rpx 10rpx ',width: '400rpx',borderRadius: '30rpx',backgroundColor: '#eee'}"
+									
+								  >
+								  </u--input>
+							</view>
 						</view>
+						<!-- 正常导航栏 -->
 						<view class="flex-between" @click="clicknavigateBack" v-else>
 							<view class="navbar_tow_one flex-start" v-if="iconshow">
-								<u-icon name="arrow-left" :color="iconcolor" size="40"></u-icon>
+								<u-icon name="arrow-left" :color="iconcolor" size="40"></u-icon> 
 							</view>
 							<!-- #ifndef MP-WEIXIN -->
 							<view class="navbar_tow_tow" v-if="opacity || titleshow" :style="{color: namecolor}">
@@ -46,7 +59,10 @@
 
 					</view>
 				</view>
-
+			</view>
+		</view>
+	</view>
+				
 </template>
 
 <script>
@@ -54,7 +70,9 @@
 		data() {
 			return {
 				Topdistance: '',
-				searchVal: ""
+				searchVal: "",
+				systemInfo: '',
+				// keyword
 			};
 		},
 		props: {
@@ -93,6 +111,18 @@
 			navigateBacknavtitle: {
 				type: Boolean,
 				default: false
+			},
+			inputshow:{
+				type: Boolean,
+				default: false
+			},
+			focus:{
+				type: Boolean,
+				default: false
+			},
+			readonly: {
+				type: Boolean,
+				default: false
 			}
 		},
 		computed: {
@@ -103,11 +133,18 @@
 		mounted() {
 			this.$nextTick(() => {
 				this.GetTop()
+				wx.getSystemInfo({
+					success: res => {
+					  this.systemInfo = res;
+					}
+				}) 
+			
 			});
 			// 当组件挂载完成后获取距离
 
 		},
 		methods: {
+	
 			GetTop() {
 				this.$u.getRect('.navbar').then(res => {
 					this.Topdistance = res.height //滚动距离
@@ -121,6 +158,14 @@
 					uni.navigateBack()
 				}
 			},
+			
+			/**
+			 * 搜索点击处理
+			 */
+			inputFocus() {
+				console.log(123)
+				this.$emit('searchStatus', 'searchClick')
+			},
 			confirmSearch () {
 				this.$emit('searchVal', this.searchVal)
 			}
@@ -131,7 +176,7 @@
 
 <style scoped lang="scss">
 	page {
-		background: #F9F9F9;
+		background: #F7F7F7;
 	}
 
 	.navbarcontent {
@@ -205,12 +250,22 @@
 					}
 
 					.navbar_tow_tow {
-
+						width: 200rpx;
 						text-align: center;
 						flex: auto;
 						font-family: Source Han Sans CN, Source Han Sans CN;
 						font-weight: 400;
 						font-size: 28rpx;
+						position: relative;
+						.u--input {
+							width: 200rpx;
+							  input{
+								  font-size: 28rpx;
+							  }
+							 
+							
+						}
+				
 					}
 				}