更新下

pages/activity/springten/index.js

@@ -8,18 +8,39 @@ Page({
    * 页面的初始数据
    */
   data: {
-    types:['必赏','必吃','必游','必玩','必购','必住','夜戏','夜饮','夜宴','夜市'],
+    types:['必赏','必吃','必游','必玩','必购','必住','赏夜戏','品夜饮','尝夜宴','逛夜市'],
     type:0,
     list:[],
-    total:1
+    total:1,
+    areas:[],
+    areaIndex:-1
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
+    // 获取当前定位
+    commonApi._post("act/get_suzhou_areas").then(res=>{
+      res.data.unshift({
+        area_id:"",
+        area_title:"苏州"
+      })
+      this.setData({
+        areas:res.data,
+        areaIndex:0
+      })
+    })
     this.getList()
   },
+  changeArea:function(e){
+    this.setData({
+      areaIndex:e.detail.value,
+      list:[],
+      total:1
+    })
+    this.getList();
+  },
   changeType:function(e){
     this.setData({
       type:e.currentTarget.dataset.type,
@@ -33,15 +54,17 @@ Page({
     commonApi._post("scene/get_scene_by_tag",{
       offset:this.data.list.length,
       limit:10,
-      tag_id:17+Number(this.data.type)
+      tag_id:17+Number(this.data.type),
+      area_id:this.data.areaIndex>-1?this.data.areas[this.data.areaIndex].area_id:null
     }).then(res=>{
       res.data.list.map(item=>{
-        if(item.scene_tags && item.scene_tags.indexOf('运河十景')!=-1){
+        if(item.type && item.type.indexOf('tenscenic')!=-1){
           item.isYunHe = true;
         }
         else {
           item.isYunHe = false;
         }
+        item.brief_intro = item.brief_intro.replace(/<\/?.+?>/g,"");
         item.display_tags = item.display_tags?item.display_tags.split(","):[];
         item.display_tags = item.display_tags.splice(0,2);
       })
@@ -66,7 +89,9 @@ Page({
     let item = e.currentTarget.dataset.item;
     wx.openLocation({
       latitude: item.lat,
-      longitude: item.lon
+      longitude: item.lon,
+      name:item.title,
+      address:item.address
     })
   },
   gotoFoodInfo:function(e){

pages/activity/springten/index.wxml

@@ -1,6 +1,12 @@
 <!--pages/activity/springten/index.wxml-->
-<title title="苏州十大必需体验榜单"></title>
+<title title="苏州游必选榜"></title>
-<image src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/springten/top.png" mode="widthFix" class="top-img"></image>
+<image src="https://m.cloud.sz-trip.com/static/images/activity/topten/topBacNew.png" mode="widthFix" class="top-img"></image>
+<picker mode="selector" value="{{areaIndex}}" range="{{areas}}" range-key="area_title" bindchange="changeArea">
+  <view class="picker">
+    <view class="areatext">{{areas[areaIndex].area_title}}</view>
+    <view class="iconfont icon-xia"></view>
+  </view>
+</picker>
 <view class="type-icons">
   <view wx:for="{{types}}" bindtap="changeType" data-type="{{index}}" class="type-icon {{type==index?'type-icon-active':''}}">
     <image mode="widthFix" src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/springten/icon{{type==index?'2':'1'}}.png"></image>
@@ -20,7 +26,7 @@
         <view class="item-address textOver">地址：{{item.address}}</view>
       </view>
     </view>
-    <view class="item-result">上榜理由：{{item.brief_intro}}</view>
+    <view class="item-result textOver">上榜理由：{{item.brief_intro}}</view>
     <view class="item-btn" bindtap="gotoWeb" data-item="{{item}}" wx:if="{{item.ext_link}}">前往购买</view>
     <view class="item-btn" bindtap="gotoLocation" data-item="{{item}}" wx:elif="{{item.is_nav}}">打开导航</view>
     <view class="item-btn" bindtap="gotoFoodInfo" data-item="{{item}}" wx:elif="{{item.isYunHe}}">查看详情</view>

pages/activity/springten/index.wxss

@@ -112,7 +112,7 @@
 .item-btn {
   position: absolute;
   right: 37rpx;
-  bottom: 50rpx;
+  bottom: 70rpx;
   width: 160rpx;
   line-height: 53rpx;
   background: #8356A6;
@@ -121,3 +121,28 @@
   font-size: 29rpx;
   border-radius: 27rpx; 
 }
+.item-result span {
+  font-size: 25rpx !important;
+}
+.picker {
+  position: fixed;
+  right: 30rpx;
+  margin-top: 30rpx;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  width: 105rpx;
+  height: 52rpx;
+  border-radius: 26rpx;
+  justify-content: center;
+  background: #FFFFFF;
+  font-size: 27rpx;
+  border: 1rpx solid #333;
+}
+.picker .iconfont {
+  font-size: 20rpx;
+  margin-bottom: 4rpx;
+  margin-left: 4rpx;
+}
+.areatext {
+}