uniapp动态设置元素的高度
在uniapp中如果要适配各种不同大小的屏幕的高度,那么就得动态设置元素的高度。
<view class="flex flexColumn" style="border-radius: 20rpx 20rpx 0px 0px;background-color: #f7f7f7;" :style="'height:'+this.viewclass+'px'">
在data中的写法
data() {
return {
viewclass:null
}
},
在onload钩子中获取屏幕的高度,实现自适应
onLoad(opt) {
this.viewclass = uni.getSystemInfoSync().windowHeight-73
},