wepy小程序项目总结

1. wepy 不能在computed中获取props对象内容,可以获取String,需使用setTimeout,不知为何

2. 项目中出现需求如所述:

点击灰色透明遮罩关闭遮罩层,点击白色区域的 “X” 也是关闭遮罩层
但是通过一般布局产生的结果是,点击白色就是点击灰色遮罩层,不能得到点击白色空白区域的点击事件
html结构如下

<!-- 点击白色空白区域也会触发handlePayTypeShow事件 -->
<view class="pay-wrapper"  @tap="handlePayTypeShow">
        <view class="pay-content">
            <view class="pay-type-header">
                <view class="header-wrapper">选择提货方式</view>
                <view class="close-wrapper" @tap.stop="handlePayTypeShow">
                    <image class="image-close" src="http://res.innersect.net/wxapp/close.png"></image>
                </view>
            </view>
        </view>
    </view>

解决方法
修改代码结构,如下文,将pay-bg作为高度100%固定定位到页面,pay-content也是固定定位到底部区域,这样pay-bg和pay-content不存在了层级关系,也不用z-index了

<view class="pay-wrapper">
        <view class="pay-bg" @tap="handlePayTypeShow"></view>
        <view class="pay-content">
            <view class="pay-type-header">
                <view class="header-wrapper">选择提货方式</view>
                <view class="close-wrapper" @tap.stop="handlePayTypeShow">
                    <image class="image-close" src="http://res.innersect.net/wxapp/close.png"></image>
                </view>
            </view>
        </view>
    </view>

原因
可能是z-index失灵,没有找到原因

3. 组件之间传递信息

  wepy.navigateTo({
    url: "/pages/order/order_delivery?orderNo=" + this.order.orderNo
  });

4.rpx和px换算问题

5.css3无高度出现高度动画

6.wx.canvasToTempFilePath错误