c端预定

@@ -64,7 +64,7 @@
         "color": "#999999",
         "selectedColor": "#C0A369",
         "backgroundColor": "#262628",
-        "borderStyle": "white",
+        "borderStyle": "black",
         "list": [
             {
                 "pagePath": "pages/reserve/index",

@@ -18,6 +18,7 @@ Page({
     markers: [],
     //polygons:{},
   },
+  transverseViewHeight:150,//横向滚动高度
   //qqmapsdk:null,
   sellers: [],
   sellersIds:[],
@@ -60,7 +61,7 @@ Page({
   onShow: function () {
     //this.getPos();
     this.setData({
-      [`map.height`]: getApp().system.windowHeight,
+      [`map.height`]: getApp().system.windowHeight-this.transverseViewHeight,
     })
     this.getPos();
   },
@@ -105,7 +106,7 @@ Page({
       let map = this.data.map;
       map.latitude = res.latitude;
       map.longitude = res.longitude;
-      map.height = getApp().system.windowHeight
+      map.height = getApp().system.windowHeight-this.transverseViewHeight
       this.setData({
         map: map,
       })

 <!--pages/reservr/index.wxml-->
-<view class="page">
+<view class="pages">
     <view class="flex-vc map">
         <map id="map" scale="{{map.scale}}"
              longitude="{{map.longitude}}" latitude="{{map.latitude}}"
@@ -15,6 +15,11 @@
              show-compass
              style="width: 100%; height: {{map.height}}px;"></map>
     </view>
+    <view class="transverse-view">
+        <cover-view class="transverse-view-top"></cover-view>
+        <view class="transverse-search"></view>
+        <view class="transverse-list"></view>
+    </view>
 </view>
 <cover-view bindtap="moveToLocation" class="moveToLocation">
     <cover-image src="http://qn.colorcun.com/custom/lite-yd/image/location.png"></cover-image>

 /* pages/reservr/index.wxss */
-.page{
+.pages{
   width: 100%;
   margin: 0 0 0;
   color:#353535;
@@ -16,7 +16,7 @@
 }
 .moveToLocation{
   position: fixed;
-  bottom: 20rpx;
+  bottom: 344rpx;
   right: 20rpx;
   width: 50rpx;
   height: 50rpx;
@@ -27,4 +27,30 @@
 .moveToLocation cover-image{
   width: 50rpx;
   height: 50rpx;
+}
+
+.transverse-view{
+  position: relative;
+  height: 324rpx;
+  width: 100%;
+  background-color: #262628;
+}
+.transverse-view-top{
+  border-radius: 20rpx 20rpx 0 0;
+  background-color: #fe0000;
+  position: absolute;
+  top:-20rpx;
+  left: 0;
+  width: 100%;
+  height: 20rpx;
+}
+.transverse-search{
+  background-color: #1AAD19;
+  height: 60rpx;
+  width: 100%;
+}
+.transverse-list{
+  background-color: #199095;
+  height: 264rpx;
+  width: 100%;
 }
\ No newline at end of file