大屏開發需要頁面不滿全屏,是以采用了vh機關。
vh是根據視圖高度進行自适應的
@function vh($px) {
/*2700是設計圖的高度*/
@return ($px / 2700) * 100vh
}
echarts的機關是px或者百分比,這時候需要寫一個函數将px轉化vh
const vh = px => {
const screenH = window.screen.height;
/*2700是設計圖的高度*/
return (px / 2700) * screenH;
}