<template>
<div :style="getCalcHeght()">使用方法</div>
</template>
<script>
export default {
methods: {
getCalcHeght() {
//let heightValue = "100px";
//let num = 1;
let myHeight = '100'
if(window.innerHeight < 832){
return { height: 'auto' };
}else{
return {
//minHeight: `calc(${heightValue} / ${num} - 150px)` ,
height:`calc(100% - ${myHeight}px - 150px)`,
padding: `0 120px`
};
}
},
}
}
</script>
vue 在template内通过style中的calc动态计算dom元素的高度
最新推荐文章于 2024-04-30 14:40:20 发布