提交

App.vue

@@ -11,5 +11,7 @@
 </script>
 
 <style lang="scss">
+	
+	@import "uview-ui/index.scss";
 	@import 'static/style/index.scss';
 </style>

pages/index/components/sh-grid-swiper.vue

@@ -99,9 +99,9 @@ export default {
 	}
 	.menu-tab-box {
 		.tab-list {
-			font-size: 26rpx;
+			font-size: 24rpx;
 			font-weight: 500;
-			color: rgba(51, 51, 51, 1);
+			color: #666666;
 			margin: 20rpx 0;
 			.tab-img {
 				width: 98rpx;

pages/index/index/home-head.vue

@@ -20,16 +20,23 @@
 								<u-icon name="map-fill" size="33" :color="navTitleColor.color"></u-icon>
 								<view style="font-size: 36rpx;margin-left:16rpx;">{{ navTitle || '' }}</view>
 							</view>
-							<view style="font-size: 26rpx;margin-top:18rpx;margin-left: 50rpx;">距离您{{distance}}</view>
+							<!-- <view style="font-size: 26rpx;margin-top:18rpx;margin-left: 50rpx;">距离您{{distance}}</view> -->
 						</view>
 					</view>
-					<view
+					<!-- <view
 						hover-class="hover-search"
 						class="search-box u-flex u-row-center u-col-center u-m-r-30"
 						@tap="$Router.push('/pages/public/search')"
 					>
 						<view class="u-iconfont uicon-search" :style="[navTitleColor]"></view>
+					</view> -->
+					<view class="searchContainer" @tap="$Router.push('/pages/public/search')">
+						<view class="searchBtn">
+							搜索
 						</view>
+						<u-search bg-color="#fff" border-color="#f2f2f2" placeholder="搜索关键词" :show-action="false" shape="round" :disabled="true" v-model="value"></u-search>
+					</view>
+					
 				</view>
 		</view>
 		<!-- 轮播组件 -->
@@ -74,7 +81,8 @@ export default {
 			navBg: { opacity: 0 },
 			navTitleColor: {
 				color: '#fff'
-			}
+			},
+			value:''
 		};
 	},
 	props: {
@@ -265,13 +273,15 @@ export default {
 }
 
 .u-navbar-inner {
-	@include vue-flex;
+	// @include vue-flex;
-	justify-content: space-between;
+	// justify-content: space-between;
-	position: relative;
+	
-	align-items: center;
+	// align-items: center;
 	position: relative;
 	z-index: 990;
 	margin-top: 38rpx;
+	padding: 0 24rpx;
+	margin-bottom: 20rpx;
 }
 
 .u-back-wrap {
@@ -309,4 +319,22 @@ export default {
 .u-iconfont{
 	font-size:41rpx;
 }
+.searchContainer{
+	position: relative;
+	margin-top:20rpx;
+	.searchBtn{
+		height:90%;
+		position:absolute;
+		padding:0 20rpx;
+		right:20rpx;
+		top:5%;
+		color:#ffffff;
+		font-size:26rpx;
+		z-index:99;
+		background-color: #17C161;
+		border-radius:55px;
+		display:flex;
+		align-items: center;
+	}
+}
 </style>