Vue开发页面时自动匹配页面大小宽度的方法
方法写在 watch 当中,因为要监听 initData 中的数据变化 watch: {initData () {let H = document.querySelector('.boxShadow')H.style.height = ''setTimeout(() => {console.log...
·
方法写在 watch 当中,因为要监听 initData 中的数据变化
watch: {
initData () {
let H = document.querySelector('.boxShadow')
H.style.height = ''
setTimeout(() => {
console.log(H.offsetHeight)
if (H.offsetHeight < window.innerHeight) {
document.body.style.height = window.innerHeight + 'px'
H.style.height = window.innerHeight - 30 + 'px'
} else {
document.body.style.height = H.offsetHeight + 'px'
H.style.height = ''
}
}, 300)
}
}
boxShadow 为定义的类的
<style lang="scss">
.boxShadow{
padding: 0 16px 10px;
}
.el-tabs__item{
color: #2f353b!important;
font-size: 16px!important;
}
.Information_box{
width: 100%;
height: 44px;
border-bottom: 1px solid #ccc;
}
.Information{
float: left;
font-size: 16px;
display: inline-block;
line-height: 42px;
border-bottom: 3px solid #42a5f5;
}
.el-pagination {
float: right;
}
</style>
更多推荐
已为社区贡献10条内容
所有评论(0)