uni-app动态设置不同手机类型高度背景图占全屏
1、demo.vue<template><view class="container" :style="'height:'+ screenHeight +'px !important;'"><view class="login_box"></view></view></template>2、js部分<script>
1、demo.vue
<template>
<view class="container" :style="'height:'+ screenHeight +'px !important;'">
<view class="login_box">
</view>
</view>
</template>
2、js部分
<script>
export default {
data() {
return {
screenHeight: '',
}
},
methods: {
},
onLoad() {
this.screenHeight = uni.getSystemInfoSync().windowHeight;
}
}
</script>
3、css部分
<style>
page{
width: 100%;
height: 100%;
}
.container{
width: 100%;
min-height: 100%;
}
</style>
更多推荐
所有评论(0)