顶部和交通方式搜索

nnzwminiapp/pages/map/map.js

@@ -66,7 +66,10 @@ Page({
     ],
     showIndex: false,
     isSearch: false,
-    height: 0
+    height: 0,
+    searchVal: '',
+    trafficStart:'',
+    trafficEnd:'',
   },
   
   onLoad: function () {
@@ -122,5 +125,46 @@ Page({
   },
   changeInfo(e){
     console.log(e.currentTarget.dataset.name);
-  }
+  },
+
+    getSearchVal(e) {
+        this.setData({
+            searchVal: e.detail.value
+        });
+    },
+
+    searchTap(e) {
+        let searchVal = this.data.searchVal;
+        if (!searchVal) {
+            wx.showToast({
+                title: '搜索的内容不能为空',
+                icon: 'none'
+            })
+            return;
+        }
+        console.info(searchVal)
+    },
+
+    getTrafficStart(e) {
+        this.setData({
+            trafficStart: e.detail.value
+        });
+    },
+    getTrafficEnd(e) {
+        this.setData({
+            trafficEnd: e.detail.value
+        });
+    },
+
+    searchTrafficTap(e) {
+        let trafficStart = this.data.trafficStart;
+        let trafficEnd = this.data.trafficEnd;
+        if (!trafficStart || !trafficEnd) {
+            wx.showToast({
+                title: '请输入起点和终点',
+                icon: 'none'
+            })
+            return;
+        }
+    }
 })

nnzwminiapp/pages/map/map.wxml

@@ -14,8 +14,8 @@
   <view class="main">
     <view class="top_search">
       <view class="input-icon">
-        <input type="text" enterkeyhint="search" name="" id="" value="" class="inp" placeholder="请输入您要搜索的内容" />
-        <image src="{{imgUrl}}/ss2.png" class="inp-icon1"></image>
+        <input type="text" enterkeyhint="search" name="" id="" value="{{searchVal}}" bindinput="getSearchVal" class="inp" placeholder="请输入您要搜索的内容" />
+        <image src="{{imgUrl}}/ss2.png" class="inp-icon1" bindtap="searchTap"></image>
       </view>
     </view>
 

nnzwminiapp/pages/map/quert.wxml

@@ -1,11 +1,11 @@
-<view class="wrap_box">
+<view class="wrap_box" style="display: inline-flex;flex-direction: row;align-items: center;">
   <view class="serach_input">
     <view class="start ">
       <view class="textbox">
         <view class="point green"></view>
         <text class="cgreen">起</text>
       </view>
-      <input class="go_input" placeholder="请输入起点" />
+      <input class="go_input" placeholder="请输入起点" value="{{trafficStart}}" bindinput="getTrafficStart" />
     </view>
     <view class="line"></view>
     <view class="end ">
@@ -13,8 +13,8 @@
         <view class="point red"></view>
         <text class="cred">终</text>
       </view>
-      <input class="go_input" placeholder="请输入终点" />
+      <input class="go_input" placeholder="请输入终点" value="{{trafficEnd}}" bindinput="getTrafficEnd" />
     </view>
   </view>
-  <view></view>
+  <view><image src="{{imgUrl}}/ss3.png" class="inp-icon1" bindtap="searchTrafficTap"></image></view>
 </view>