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 元素,
由于沒有設(shè)置高度梆暮,所以圖片高度為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 執(zhí)行未完成時,就執(zhí)行了console方法绍昂,await方法沒有生效
查了資料才發(fā)現(xiàn)微信小程序是不支持await方法的啦粹,但是wepy框架做了優(yōu)化
npm install wepy-async-function --save
設(shè)置 app.wpy 中應
import 'wepy-async-function'
constructor () {
super()
this.use('promisify')
}