微信小程序之坑

一 获取保存图片到相册失败

Api: wx.saveImageToPhotosAlbum
返回errMsg ios 于 and 不一致
dev: saveImageToPhotosAlbum:fail auth deny
iOS：saveImageToPhotosAlbum:fail auth deny
and: saveImageToPhotosAlbum:fail:auth denied

二 授权问题

例如： 定位、相册等功能需要授权，
注意：有两个授权：一是向微信授权，二是向系统授权。
假如微信授权成功，系统没有授权，还是操作功能失败

三 开发工具

template 用法

<template name="temp">
    <view class="one">1</view>
    <view class="two">2</view>
</template>

基础库1.6.6 只会显示 one 也就是第一个

四 tabBar

产品/交互，经常设计在不属于tabBar 切换的页面里显示 tabBar，这也是不可行的。

五 canvas - draw方法

可能是异步的

六 <br/> 替代品，文本换行

<view style="white-space: pre-wrap;">这是一段有趣又幽默的文本\n你喜欢吗</view>
样式不能少

七 checkbox 样式重写

checkbox {
  width: 30rpx;
  height: 30rpx;
}

checkbox .wx-checkbox-input {
  width: 30rpx;
  height: 30rpx;
}

checkbox .wx-checkbox-input .wx-checkbox-input-checked {
  border: none;
  background: red;
}

checkbox .wx-checkbox-input .wx-checkbox-input-checked::before {
  border-radius: 50%;
  width: 30rpx;
  height: 30rpx;
  line-height: 30rpx;
  text-align: center;
  font-size: 30rpx;
  color: #fff;
  background: transparent;
  transform: translate(- 50%, - 50%) scale(1);
  -webkit-transform: translate(- 50%, - 50%) scale(1);
}

八 map 组件 markers属性的callout的bgColor 安卓不能正确使用 ，不管设置什么颜色都是黑色。

发现机型: 安卓
微信版本：6.6.6
同版本ios 正常

应该使用16进制6位

九 wx.canIUse('showToast.object.icon.none')

一直都是false

十 map 组件 ios8.3 上设置height：100%；无效

微信版本：6.6.7

十一 cover-view 组件圆角问题

安卓4.4 ，微信 6.6.6，腰圆按钮实现不正确。

问题代码	解决代码
代码段1	代码段2

//代码段1
.btn{
  height: 84rpx;
  line-height: 84rpx;
  text-align: center;
  font-size: 36rpx;
  border-radius: 84rpx;
}

//代码段2
.btn{
  height: 84rpx;
  line-height: 84rpx;
  text-align: center;
  font-size: 36rpx;
  border-radius: 1.5em;
}

@ 效果不是很完美。

十二 cover-view iOS10.3以下 点击事件无效
微信6.7.0
微信6.7.0 背景颜色无效