golist

@@ -11,7 +11,7 @@
             <view wx:if="{{hasSlogan && seller.slogan}}" class="slogan">“{{seller.slogan}}”</view>
             <view wx:if="{{hasSlogan && seller.slogan}}" class="slogan">“{{seller.slogan}}”</view>
             <view class="text flex-ll">
             <view class="text flex-ll">
                 <view class="text-item" wx:if="{{seller.cate[0].name}}">{{seller.cate[0].name}}</view>
                 <view class="text-item" wx:if="{{seller.cate[0].name}}">{{seller.cate[0].name}}</view>
-                <view class="text-item" wx:if="{{seller.distance}}">距当前位置{{seller.distance}}</view>
+                <view class="text-item" wx:if="{{seller.distance}}">距当前位置{{se.distance}}</view>
             </view>
             </view>
             <view wx:if="{{hasStat}}" class="stat">
             <view wx:if="{{hasStat}}" class="stat">
                 <stat stat="{{seller.score}}"></stat>
                 <stat stat="{{seller.score}}"></stat>

@@ -4,7 +4,7 @@
   height: 300rpx;
   height: 300rpx;
   overflow: hidden;
   overflow: hidden;
   color: #353535;
   color: #353535;
-  width: 100%;
+  width: 99%;
   border: 2rpx solid #E0E0E0;
   border: 2rpx solid #E0E0E0;
   border-radius: 6rpx;
   border-radius: 6rpx;
   box-shadow: 0 4rpx 8rpx 0 #E0E0E0;
   box-shadow: 0 4rpx 8rpx 0 #E0E0E0;

@@ -415,6 +415,7 @@ Page({
       param.tags=tags;
       param.tags=tags;
     }
     }
     this.selectComponent('#list').getList(param);
     this.selectComponent('#list').getList(param);
+    this.param=param;
     let now_sid=[];
     let now_sid=[];
     App.Customer.SellerList(param).then(res => {
     App.Customer.SellerList(param).then(res => {
       this.mapData.region.southwest.latitude='';
       this.mapData.region.southwest.latitude='';
@@ -719,6 +720,9 @@ Page({
     }
     }
   },
   },
   listShow(){
   listShow(){
-    this.selectComponent('#list').show();
+    //this.selectComponent('#list').show();
+    wx.navigateTo({
+      url:util.http_build_query(this.param,'./indexList')
+    });
   },
   },
 })
 })

+// pages/reserve/indexList.js
+import util from '../../utils/util';
+import App from '../../utils/api';
+const {regeneratorRuntime} = global
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    multiArray: ['全部菜系'],
+    multiIndex: [0],
+    tags:[
+      {id:1,name:'环境好'},
+      {id:2,name:'菜品有特色'},
+      {id:3,name:'超大包间'},
+    ],
+    markers:[],
+    hasMore:true,
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    //lat=34.21719&lng=108.89155&offset=0&rows=50&distance=100000&map={"errMsg":"getMapRegion:ok","southwest":{"longitude":108.87545674591064,"latitude":34.204520114013846},"northeast":{"longitude":108.90764325408935,"latitude":34.229857981005225},"scale":15}&cuisine=6&tags=1,2,3
+    this.options=options;
+    this.getList();
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+  getList(){
+    let mapParam=this.options
+    this.offset=1 //page
+    this.size=20 //page size
+    //计算视窗中心
+    let map=JSON.parse(mapParam.map);
+    let lat=map.northeast.latitude-(map.northeast.latitude-map.southwest.latitude)/2;
+    let lng=map.northeast.longitude-(map.northeast.longitude-map.southwest.longitude)/2;
+    this.param={
+      lat:lat,
+      lng:lng,
+      lat_extend:mapParam.lat,
+      lng_extend:mapParam.lng,
+      offset:this.offset,
+      size:this.size,
+      distance:50,
+    };
+    if(mapParam.tags){
+      this.param.tags=mapParam.tags
+    }
+    if(mapParam.cuisine){
+      this.param.cuisine=mapParam.cuisine
+    }
+    App.Customer.SellerLists(this.param).then(res=>{
+      this.setData({
+        hasMore:res.data.length==this.size,
+        markers:res.data,
+      })
+      this.triggerEvent('event',{type:'getListEnd',total:res.data.length})
+    })
+  },
+  getListMore(){
+    this.param.offset+=1;
+    let markers=this.data.markers;
+    App.Customer.SellerLists(this.param).then(res=>{
+      this.setData({
+        hasMore:res.data.length==this.size,
+        markers:markers.concat(res.data),
+      })
+    })
+  },
+})

+{
+  "navigationBarBackgroundColor": "#ffffff",
+  "navigationBarTextStyle": "black",
+  "navigationBarTitleText":"一键订",
+  "usingComponents": {
+    "formids":"/components/formids/formids",
+    "nav":"/components/nav/nav",
+    "getpos":"/components/userinfo/getpos",
+    "sb-tr":"/components/reserve/seller-box-transverse/seller-box"
+  }
+}

+<!--pages/reserve/indexList.wxml-->
+<nav>一键订</nav>
+<view class="transverse-search flex-ll">
+    <view
+            bindtap="caixiShow"
+            class="tags {{multiIndex[0]>0?'active':''}}"
+    >
+        <view class="picker flex-lr">
+            <view class="input">
+                <block wx:if="{{multiIndex[0]==0}}">菜系</block>
+                <block wx:else="">{{multiArray[0][multiIndex[0]]}}</block>
+            </view>
+            <view class="more"></view>
+        </view>
+    </view>
+    <block wx:for="{{tags}}" wx:key="tags.key">
+        <view class="tags {{item.active?'active':''}}"
+              bindtap="tagsChange"
+              data-id="{{item.id}}">{{item.name}}</view>
+    </block>
+</view>
+<view class="pages">
+    <view class="follow">
+        <view class="seller" wx:for="{{markers}}" wx:key="sellers.key"
+              bindtap="gotoDetail" data-sid="{{item.id}}">
+            <sb-tr seller="{{item}}"
+                   hasActivity="{{true}}" hasAverage="{{false}}"
+                   hasSlogan="{{true}}" ></sb-tr>
+        </view>
+        <view class="flex-vc" wx:if="{{!hasMore}}">没有更多了</view>
+    </view>
+</view>

+/* pages/reserve/indexList.wxss */
+.transverse-search{
+  background-color: #fefefe;
+  height: 60rpx;
+  width: 100%;
+  margin: 0 auto;
+  font-size: 24rpx;
+  padding-left: 40rpx;
+  position: fixed;
+  z-index: 10;
+
+}
+.transverse-search .tags{
+  height: 50rpx;
+  line-height: 50rpx;
+  background-color: #F0F0F9;
+  border-radius: 4rpx;
+  margin-right: 30rpx;
+  padding: 0 16rpx;
+}
+.transverse-search .tags:last-child{
+  margin-right: 0;
+}
+.transverse-search .tags.active{
+  background-color: #F4DAB9;
+  color:#8B5318;
+  font-weight: 900;
+}
+
+.picker{
+  height: 50rpx;
+  line-height: 50rpx;
+}
+.picker .input{
+  height: 50rpx;
+  line-height: 50rpx;
+  margin-right: 10rpx;
+}
+.picker .more{
+  background-image: url("http://qn.colorcun.com/reserve/images/%E8%8F%9C%E7%B3%BB.png");
+  width: 12rpx;
+  height: 16rpx;
+  min-width:12rpx;
+}
+.tags.active .picker .more{
+  background-image: url("http://qn.colorcun.com/reserve/images/%E8%8F%9C%E7%B3%BB%E9%80%89%E4%B8%AD.png");
+}
+
+
+.pages{
+  width: 90%;
+  margin: 100rpx auto 0;
+  color:#fff;
+  font-size: 28rpx;
+}
+.follow {
+  padding-bottom: 50rpx;
+}
+.follow .seller{
+  margin-bottom:20rpx;
+  background-color: #ffffff;
+  border-radius: 6rpx;
+  overflow: hidden;
+}