在所需要的标签上添加 :style="{height:screenHeight + 'px'}"
<view :style="{height:screenHeight + 'px'}">
在data中添加screenHeight
data() {
return {
//适配移动端可视高度
screenHeight: ''
}
}
在onLoad中调用
onLoad(){
this.screenHeight = uni.getSystemInfoSync().windowHeight
}
完整代码如下:
<template>
<view class="welcome" :style="{height:screenHeight + 'px'}">
</view>
</template>
<script>
export default {
data() {
return {
screenHeight:''
}
},
onLoad() {
this.screenHeight = uni.getSystemInfoSync().windowHeight
}
}
</script>