--热门城市组件优化--

components/city-change/README.md

@@ -7,8 +7,7 @@
 
   2.在index.js中可以添加以下方法以便于获取回调
     cityTap(e){
-    console.log('fasdfsdfsdfds');
-    console.log(e);
-    const cityName=e.detail.cityname;
+    const cityName=e.detail.cityname;//城市名
+    const cityId=e.detail.cityId;//城市行政编号
     wx.navigateBack();
   },

components/city-change/index.js

@@ -20,7 +20,7 @@ Component({
     //下面是城市列表信息，这里只是模拟数据
     citylist:region2,
     //下面是热门城市数据，模拟数据
-    newcity: ['北京', '上海', '广州', '深圳', '成都', '杭州'],
+    newcity: [{"id":110100,"cityName":"北京"}, {"id":310100,"cityName":"上海"}, {"id":440100,"cityName":"广州"},{"id":440300,"cityName":"深圳"}],//若还需要添加则在region2中查找
     // citySel: '全国',
     locateCity: '',
     touchEndy:0,
@@ -47,6 +47,7 @@ Component({
         Index = e.currentTarget.dataset.index || '',
         that = this;
       let city = this.data.citySel;
+      let cityId=''
       switch (types) {
         case 'locate':
           //定位内容
@@ -58,11 +59,13 @@ Component({
           break;
         case 'new':
           //热门城市
-          city = val;
+          city = val.cityName;
+          cityId=val.id
           break;
         case 'list':
           //城市列表
           city = val.cityName;
+          cityId=val.id
           break;
       }
       if (city) {
@@ -71,7 +74,8 @@ Component({
           data: city
         }) //点击后给父组件可以通过bindcitytap事件，获取到cityname的值，这是子组件给父组件传值和触发事件的方法
         this.triggerEvent('citytap', {
-          cityname: city
+          cityname: city,
+          cityId:cityId
         });
       } else {
         console.log('还没有');

components/city-change/index.wxml

@@ -9,7 +9,7 @@
                 <view class='new_city_title'>热门城市</view>
                 <view class='new_city_box'>
                     <text class='new_city_text' wx:for='{{newcity}}' wx:key='this' data-types='new' catchtap='cityTap'
-                        data-val='{{item}}'>{{item}}</text>
+                        data-val='{{item}}'>{{item.cityName}}</text>
                 </view>
             </view>
             <view class='city_list_box'>