From baaceccc9095edb168edecfefcbf53a213c4cbd1 Mon Sep 17 00:00:00 2001 From: liudan <18634735655@163.com> Date: Tue, 6 Jun 2023 20:58:43 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- App.vue | 2 ++ pages/index/components/sh-grid-swiper.vue | 4 +-- pages/index/index/home-head.vue | 42 +++++++++++++++++++---- 3 files changed, 39 insertions(+), 9 deletions(-) diff --git a/App.vue b/App.vue index 8af619b..07a124e 100644 --- a/App.vue +++ b/App.vue @@ -11,5 +11,7 @@ diff --git a/pages/index/components/sh-grid-swiper.vue b/pages/index/components/sh-grid-swiper.vue index 31f44d1..49403ac 100644 --- a/pages/index/components/sh-grid-swiper.vue +++ b/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; diff --git a/pages/index/index/home-head.vue b/pages/index/index/home-head.vue index 63d5f3a..b3e69cf 100644 --- a/pages/index/index/home-head.vue +++ b/pages/index/index/home-head.vue @@ -20,16 +20,23 @@ {{ navTitle || '' }} - 距离您{{distance}} + - + --> + + + 搜索 + + + @@ -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; - justify-content: space-between; - position: relative; - align-items: center; + // @include vue-flex; + // justify-content: space-between; + + // 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; + } +}