github精选：微信小程序起手式DEMO仿肯德基实战

    this.mapCtx = wx.createMapContext(myMap, function () {
        wx.hideToast();
    })

       <map id=myMap longitude={{longitude}} latitude={{latitude}}
             style=width: 100%; height: 100% markers={{markers}} covers={{covers}} scale=18>
       map>

    let QQMapWX = require(qqmap-wx-jssdk.min.js);
    let demo = new QQMapWX({
           key: 5Q2BZ-O3W24-V6DUN-DZ4Z7-H427K-WCB7R // 必填
    });

     demo.reverseGeocoder({
               location: {
                 latitude: _latitude,
                 longitude: _longitude
               },
               get_poi: 1,
               success: function (res) {
                 //         console.log(res);
               },
               fail: function (res) {
                 console.log(res);
               },
               complete: function (res) {
                 console.log(res);
                 that.setData({
                   pois: res.result.pois
                 })
               }
             });

          <view class=address-item wx:for={{pois}} wx:for-item=poi 
             data-name={{poi.address}} catchtap=ToDetailPage>
             <image src=../../image/position.png data-name={{poi.address}} 
                catchtap=ToDetailPage></image>
             <text catchtap=ToDetailPage data-name={{poi.address}}>{{poi.address}}</text>
           </view>

        demo.search({
          keyword: 肯德基,
          location: {
            latitude: _latitude,
            longitude: _longitude
          },
          success: function (res) {
            // console.log(res);
          },
          fail: function (res) {
            // console.log(res);
          },
          complete: function (res) {
            console.log(res.data[0].location.lat,res.data[0].location.lng)
            console.log(res.data[0])
            // .address._distance
            that.setData({
              poi: res.data[0].address,
              distance: res.data[0]._distance,
              latitude: res.data[0].location.lat,
              longitude: res.data[0].location.lng,
              markers: [{
                latitude: res.data[0].location.lat,
                longitude: res.data[0].location.lng,
                name: KFC,
                desc: KFC在您身边
              }]
            })
          }
        });

<view class=food-list wx:for={{foodArray}} wx:for-item=item id=foodtype{{index}}>

let goPage = e.currentTarget.id
this.setData({
     scroll_into_view: foodtype + goPage
   })

 // 是否有同种商品判断
   if (this.data.shoppingList.length > 0) {
     // 商品名是否相同判断，不重复添加同名商品
     let isHave = this.data.shoppingList.findIndex(item => item.name == e.target.dataset.name)
     if (isHave != -1) {
       that.data.shoppingList[isHave].num++
     } else {
       // 购物车数组加进新的一样食品
       that.data.shoppingList.push({
         price: e.target.dataset.price,
         name: e.target.dataset.name,
         num: itemNum
       })
       // 动画效果的长度添加
       move_length++
     }
   // 没有商品时直接添加
   } else {
     this.data.shoppingList.push({
       price: e.target.dataset.price,
       name: e.target.dataset.name,
       num: itemNum
     })
     move_length++
   }

data: {
    totalCount: 0,  // 购物车的总数量
    movelength: 0,  // 上移或下拉动画的单位距离
    cartIsHidden: true, // 购物车是否隐藏
    cartIndexIsHidden: true, // 购物车详情菜单是否隐藏
    animationData: {} // 动画动作对象
    }

let animation = wx.createAnimation({
 duration: 400,
 timingFunction: linear,
 delay: 0
});

let mlength = move_length * 55;
   if (move_length > 1) {
     mlength = 55 + (move_length - 1) * 65;
   }
   this.animation = animation
   animation.bottom(mlength).step()

this.setData({
      animationData: animation.export()
    })
    this.setData({
      shoppingList: shopping_list,
      totalPrice: total_price,
      totalCount: total_count,
      // 购物车当有商品时弹出
      cartIsHidden: false,
      movelength: move_length
    })
  }