wepy小程序入门开发问题总结

1.图片宽度100%高度自适应问题

.index {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #417FFB;
    .bg{
        width: 100%;
        height: auto;
    }
}

<template>
   <view class="index">
     <image class="bg" src="../assets/images/bg-index.jpg"></image>
   </view>
</template>

我需要图片宽度撑满，高度自适应，然而图片宽度撑满了屏幕，但是高度为0

小程序image默认的mode 是scaleToFill, 缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素,
由于没有设置高度，所以图片高度为0

应该修改图片mode
<image class="bg" src="../assets/images/bg-index.jpg" mode="widthFix"></image>

2.await

let res = await wepy.getSetting()
console.info('onload')
console.info(res)

res的输出undefined
在await 执行未完成时，就执行了console方法，await方法没有生效
查了资料才发现微信小程序是不支持await方法的，但是wepy框架做了优化

npm install wepy-async-function --save

设置 app.wpy 中应

 import 'wepy-async-function'

  constructor () {
    super()
    this.use('promisify')
  }