微信小程序需要注意的坑

布局篇

1 css中无法读取本地资源,所以.wxss中使用background-image属性电脑上图片能出来,但是手机是上无法显示的

解决办法:

 1)使用网络图片代替本地资源 , 例如:

 

 2)使用base64转码(图片路径会很长很长)

 3)使用image标签代替背景图片



使用bindtap绑定事件,注意全部都是小写,否则点击了没反应,但是也不会报错。


            
            运营商
            去认证
            
        




定位当前位置,获取经纬度后使用百度接口,得到位置信息

 wx.getLocation({
    success: function (res) {
      wx.request({
        url: 'http://api.map.baidu.com/geocoder/v2/?ak=btsVVWf0TM1zUBEbzFz6QqWF&location=' + res.latitude + ',' + res.longitude + '&output=json&pois=1',     
             data: {},
       header: { 'Content-Type': 'application/xml'},
             dataType:'json',
        success: function(ops) {
                  console.log(ops.data);
        }
      })

      },fail:function(){
        console.log("fail");
      }
  })

下程序中去掉button的边框

.button:after{
   display:none
}



你可能感兴趣的:(微信小程序)