微信小程序的坑

• 虽然官方文档，可以在.json中给页面设置背景颜色，用backgroundColor，但是实际上并不好使，所以设置背景颜色只能在wxss中设置

• <import src="../common/common.wxml" /> 这个/ 必须写必须写

• 如果<input>中加focus 就会调用键盘的呼起事件，即使这个需要页面加载时候不显示，当触发事件再显示，也会调起键盘的呼起事件

• image

小程序默认给image加上overflow:hidden;  如果需要设置高斯模糊，需要image设置overflow:visible

• button

取消button按钮的边框
button::after {
    border: none;
}

• navigator 的跳转问题

如果需要跳转的页面出现在tabBar中，需要<navigator  url="" open-type="switchTab"> 给navigator添加一个open-type为switchTab的属性

当使用100%不好使时，可以使用vh，vm单位。

100vm代表手机宽度，100vh代表手机高度。

• IOS swiper卡顿问题

auto： 普通滚动，当手指从触摸屏上移开，滚动立即停止

touch：滚动回弹效果，当手指从触摸屏上移开，内容会保持一段时间的滚动效果，继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。
swiper {
    -webkit-overflow-scrolling: touch;
}

• 返回上一页

wx.navigateBack({
                            delta: -1
                        })

• swiper 一张图片不轮播