微信小程序开发者交流群

admin

admin

发表于 2017-07-01 13:01:59

摘要:微信小程序开发者社区(www.mntuku.cn)为您提供:鎏嫣宫守护:1221版本更新填坑
相关的资讯,希望对您有帮助。

鎏嫣宫守护:1221版本更新填坑

作者本站id:鎏嫣宫守护,有问题可以@他;本文写于1221版本更新之时;虽然更新了一周了,但是很多人仍然陷在坑内,再回头看一看这篇跳坑,说不定会有收获。更新概述新增分享、模板消息、客服消息、扫一扫、带参数二 ...

作者本站id:鎏嫣宫守护,有问题可以@他;本文写于1221版本更新之时;虽然更新了一周了,但是很多人仍然陷在坑内,再回头看一看这篇跳坑,说不定会有收获。

更新概述

  • 新增分享、模板消息、客服消息、扫一扫、带参数二维码(当前仅限开发者和体验者使用)等功能
  • 新增 4 个新 API, 2个新组件
  • 拓展了 10 个组件属性,新增 6 个组件事件
  • 修复数十个 API 以及组件 bug,优化部分交互体验
  • 开发者工具增加新 API 及组件的调试支持
  • 开发者工具增加微信支付的调试支持
具体以下:

1。新增 API wx.switchTab。跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。

wx.switchTab({

      url: /pages/index/index,
      success: function(res){},
      fail: function() {},
      complete: function() {}
    })

2.新增 API wx.scanCode.调起客户端扫描界面,扫描成功后返回对应的结果。

wx.scanCode({
    success: function(res){
     console.log(扫描了+res)
    },
    fail: function() {}
    complete: function() {}
  })

3.新增 API wx.createMapContext。创建map的上下文。

Page({

  onReady: function (e){

// 使用 wx.createMapContext 获取 map 上下文 

    this.mapCtx = wx.createMapContext(myMap)

  },

//获取当前地图中心的经纬度,返回的事gcj02坐标系,可以用于 wx.openLocation()

  getCenterLocation: function (){

    this.mapCtx.getCenterLocation({

      success: function(res){

        console.log(res.longitude)

        console.log(res.latitude)

      }

    })

  },

//将地图中心移动到当前定位点,需要配合map组建的show-location使用

moveToLocation: function (){

    this.mapCtx.moveToLocation()

  }

})

4.新增 API wx.createCanvasContext .

创建 canvas 绘图上下文(指定 canvasId)

Tip: 需要指定 canvasId,该绘图上下文只作用于对应的 

5.新增 APIwx.showToast 调用参数 mask(是否显示透明蒙层,防止触摸穿透,默认是false),实际效果就是当mask为true的时候页面无法滑动无法进行任何操作

wx.showToast({
  title: 成功,
  icon: success,
  duration: 2000,
  mask:false//ture
})

6.新增 页面方法 Page.onShareAppMessage 用于自定义分享内容。这就是能分享的方法。

Page({

  onShareAppMessage: function (){

    return {

      title: 这是我的第一个分享,
      desc: 真的能分享?,
      path: /page/myinfo?id=123

    }

  }

})

7.新增 框架方法 App.onError。增加了APP()生命周期的方法。现在为 onLaunch ,onShow, onHide, onError。

8.新增 页面配置disabelScroll 。//具体怎么用 还没试出来什么样,后面发现的时候在说明

disableScroll

Boolean

false

设置为 true 则页面整体不能上下滚动;只在 page.json 中有效,无法在 app.json 中设置该项

9.新增  组件。嵌入页面的滚动选择器。简单来说就是将原来的选择器给弄到页面加载了,省了许多页面上需要渲染的功能,像日历的选择

  {{year}}年{{month}}月{{day}}日

  height: 50px; style=width: 100%; height: 300px; value={{value}}bindchange=bindChange>

    

      {{years}} style=line-height: 50px>{{item}}年

    

    

      {{months}} style=line-height: 50px>{{item}}月

    

    

      {{days}} style=line-height: 50px>{{item}}日

    

  

10. 新增 组件,用于显示客服会话按钮。这个可以直接跟客服连接,挺方便 也挺6666的

客服会话按钮,用于在页面上显示一个客服会话按钮,用户点击该按钮后会进入客服会话。

  type=default-light 

  size=20

  session-from=weapp

>

11.新增 组件属性 openType。可选值 navigate、redirect、switchTab,对应于wx.navigateTowx.redirectTowx.switchTab的功能。

12.新增   组件属性 color。终于可以自定义颜色了。实际效果是点击的颜色,就是打勾的颜色
13.新增  组件属性 objectFit 。具体还没有试23.新增 组件事件 bindtimeupdate。播放进度变化时触发,event.detail = {currentTime: 当前播放时间} 。触发频率应该在 250ms 一次


objectFit

String

contain

当视频大小与 video 容器大小不一致时,视频的表现形式。contain:包含,fill:填充,cover:覆盖

14.新增  组件属性    markers polyline circles include-points controls show-location。完善了map的功能,打车定位路线什么的就好办了。

21.新增  组件事件 bindtap bindmarkertap bindcontrolstap bindregionchange。(实际上也是对于map的功能,所以给放到前面来了)

15.新增 组件属性 circular 控制衔接滑动.实际效果还是很好的,原来是直接会回到第一张然后在轮播,现在这个可以接着最后一张继续播放第一张图片。
16.新增  组件属性 cursor-spacing 。具体还没有发现有什么东东。不过我估计是光标不会挡住输入键盘。

22.新增组件事件 bindconfirm 。为了更好的操作体验,点击键盘的完成按钮时触发,event.detail = {value: value}

指定光标与键盘的距离,单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离。

17。新增