小程序开发遇到的坑及解决

1，第三方组件样式修改:

　　以iview webapp为例，不能直接通过其class的类名直接修改组件样式，可通过i-class来给组件添加类名，通过i-class来修改样式。

<i-page i-class="ipage" current="{{ page }}" total="{{ total }}" bind:change="handleChange">
   <view slot="prev">
        <i-icon type="return"></i-icon>
          上一页
       </view>
       <view slot="next">
          下一页
       <i-icon type="enter"></i-icon>
   </view>
</i-page>

<style>
.ipage{
  height: 64px!important;
}
</style>

2，使用wepy时，异步更新数据，手动刷新dom的时候需要使用this.$apply()

3，当需要循环渲染WePY组件时(类似于通过wx:for循环渲染原生的wxml标签)，必须使用WePY定义的辅助标签<repeat>

 <!-- 注意，使用for属性，而不是使用wx:for属性 -->
    <repeat for="{{list}}" key="index" index="index" item="item">
    </repeat>

 

4,小程序语音功能，通过同声传译插件

https://developers.weixin.qq.com/community/develop/doc/0004aa70d609e099c1d671b2a56009

 

5,帮助文档通过web-view组件展示

 

6,地图上绘制多边形和点直接使用map组件相应的能力

 

7,转发功能:

wx.showShareMenu({
   withShareTicket: true
})

 

8,主动获取位置授权： 

https://developers.weixin.qq.com/community/develop/doc/000cea2305cc5047af5733de751008

<button bindtap="openSetting">打开设置页</button>  openSetting() {  wx.openSetting()}