update

Common.wxss

@@ -2,6 +2,10 @@
   color:#000000;
   background: #fff;
 }
+#searchView{
+  height: 70rpx;
+  width: 100%;
+}
 ::-webkit-scrollbar {
   width: 0;
   height: 0;

app.json

 {
   "pages": [
-    "pages/GroupTour/GroupTour",
     "pages/SearchPage/SearchPage",
+    "pages/GroupTour/GroupTour",
+    
     "pages/GroupTour/FillOrder/FillOrder",
     "pages/GroupTour/ChDateNum/ChDateNum",
     "pages/GroupTour/GroupDetails/GroupDetails",

component/Search/search.js

@@ -29,6 +29,11 @@ Component({
    * 组件的方法列表
    */
   methods: {
+    InputFous(){
+      wx.navigateTo({
+        url: '/pages/SearchPage/SearchPage',
+      })
+    },
     getCityList() {
       app.$api('b2b_get_site', {}).then(res => {
         this.setData({

component/Search/search.wxml

-<view class="newsite" catchtouchmove="{{CitySite}}">
-
+<view class="{{CitySite?'newsite back':'newsite'}}" catchtouchmove="{{CitySite}}">
+<view style="background:#fff;padding:10rpx 30rpx">
   <view class='cityView' hidden="{{InputFous}}">
     <view bindtap='ChangeSite' class="head1" style="width:150rpx">
       <image src="../../images/home/location.png"></image>
@@ -7,10 +7,12 @@
     <view style="color:#CCCCCC">|</view>
     <view class="head3" style="width:500rpx">
       <image src="../../images/home/search.png"></image>
-      <input style="width:100%" placeholder="搜索目的地/交通/景点/酒店"/>
+      <input bindtap="InputFous" style="width:100%" placeholder="搜索目的地/交通/景点/酒店"/>
     </view>
     <!-- bindtap="ListenInput" -->
   </view>
+</view>
+  
   <view bindtap="CloseCity" data-target="self" class="cityChange" hidden="{{!CitySite}}">
     <view class="CityView">
       <view catchtap='SetCity' data-msg="{{item}}" class="CityItem" wx:for="{{cityList}}" wx:key="index">{{item.siteName}}</view>

component/Search/search.wxss

 /* component/Search/search.wxss */
 
 .cityView {
-  
-  width: 94%;
   background: #f2f2f2;
   border-radius: 30rpx;
-  padding: 0 10rpx;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   margin: 0 auto;
   height: 60rpx;
   line-height: 60rpx;
+  padding: 0 10rpx;
 }
 
 .cityView .head1 {
@@ -45,13 +43,10 @@
 
 
 .cityChange{
-  
-  background:rgba(17,17,17,0.5);
-  position: fixed;
-  top: 75rpx;
+  position: absolute;
   width: 100%;
   z-index: 100;
-  height:calc( 100% - 75rpx);
+  height: 100%;
 }
 .CityView{
   background: #fff;
@@ -59,7 +54,7 @@
 }
 .Site{
   height: 100%;
-  background:rgba(17,17,17,0.5);
+  
   position: fixed;
   top: 0;
   width: 100%;
@@ -71,6 +66,13 @@
   font-size:26rpx;
 }
 .newsite{
-  position: relative;
-  padding-top:15rpx;
+  position: fixed;
+  margin-bottom:30rpx;
+  z-index: 2000;
+  background:rgba(17,17,17,0.5);
+  width: 100%;
+}
+.back{
+  
+  height: 100%;
 }
\ No newline at end of file

pages/GroupTour/GroupTour.js

@@ -57,6 +57,7 @@ Page({
       url: '/pages/GroupTour/GroupDetails/GroupDetails?idDes=' + encodeURIComponent(item.idDes) + "&tcid=" + item.tcid,
     })
 
+
   },
   GodetailList(e){
     let item = e.currentTarget.dataset.item;

pages/GroupTour/GroupTour.wxml

 <view class="group commonF">
-  <search id="CityComp" bind:ChangeSite="ChangeSite"></search>
+<view id="searchView">
+ <search id="CityComp" bind:ChangeSite="ChangeSite"></search>
+</view>
+ 
   <!-- <view class="page-section page-section-spacing">
     <swiper class="swiper" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" circular="{{circular}}" vertical="{{vertical}}" indicator-color="rgba(242,242,242,1);" indicator-active-color="rgba(238,68,84,1)" interval="{{interval}}" duration="{{duration}}">
       <block wx:for="{{background}}" wx:key="*this">

pages/SearchPage/SearchPage.js

@@ -5,7 +5,10 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+    searchKey:"",
+    chineseValue:'跟团游',
+    typeHidden:false,
+    type:'gentuan',
   },
 
   /**
@@ -14,7 +17,44 @@ Page({
   onLoad: function (options) {
 
   },
-
+  typeViewShow(){
+    this.setData({
+      typeHidden: true,
+    })
+  },
+  searchInput(data){
+    let value = this.data.searchKey;
+    
+    if (value==""){
+      wx.showToast({
+        title: "请输入搜索内容",
+        icon: 'none',
+        duration: 1000
+      })
+      return;
+    }
+    console.log(value)
+    if (this.data.type == "gentuan") {
+      wx.navigateTo({
+        url: '/pages/GroupTour/GroupList/GroupList?searchKey=' + this.data.searchKey,
+      })
+    }
+  },
+  inputValue(e){
+    let value = e.detail.value;
+    this.setData({
+      searchKey: value
+    })
+  },
+  goUrl(e){
+    let data=e.target.dataset.type;
+    let chineseValue = e.target.dataset.value;
+    this.setData({
+      chineseValue: chineseValue,
+      typeHidden:false,
+      type: data,
+    })
+  },
   /**
    * 生命周期函数--监听页面初次渲染完成
    */

pages/SearchPage/SearchPage.wxml

 <!-- 点击输入框 -->
 <view class="Inputfocus">
   <view class="head3" style="width:600rpx">
-    <view class="typeView">跟团游
+    <view bindtap="typeViewShow" class="typeView">{{chineseValue}}
       <image src="/images/group/mx2.png"></image>
     </view>
     <!-- <view style="width:26rpx;height:26rpx;"><image src="../../images/home/search.png"></image></view> -->
-    <input style="width:520rpx;display:inline-block" placeholder="搜索目的地/交通/景点/酒店" />
-    <view class="TypeList">
-      <view>跟团游</view>
-      <view>自由行</view>
-      <view>签证</view>
-      <view>当地游</view>
+    <input bindinput="inputValue" value="{{value}}" style="width:520rpx;display:inline-block" placeholder="搜索目的地/交通/景点/酒店" />
+    <view class="TypeList" hidden="{{!typeHidden}}">
+      <view bindtap="goUrl" data-type="gentuan" data-value="跟团游">跟团游</view>
     </view>
   </view>
-  <text class='Seach'>搜索</text>
-  <view>
+  <text bindtap="searchInput" class='Seach'>搜索</text>
+  <!-- <view>
     <view class="hotTitle">热门推荐</view>
     <view>
       <view class="HotItem">
@@ -34,5 +31,5 @@
         <text>签证</text>
       </view>
     </view>
-  </view>
+  </view> -->
 </view>
\ No newline at end of file

pages/SearchPage/SearchPage.wxss

@@ -45,7 +45,7 @@
   z-index: 100;
   transition: all linear 0.5s;
   padding:15rpx 30rpx;
-
+  
 }
 .TypeList>view{
   padding: 10rpx 0;