TypeScript 动态改变Css样式

在页面的布局中，经常会根据窗口的大小(或其他条件）动态的改成布局或样式。如：

    isToggled(): boolean {
        const dom: Element = document.querySelector('body');
        return dom.classList.contains(this.pushRightClass);
    }

    toggleSidebar() {
        const dom: any = document.querySelector('body');
        dom.classList.toggle(this.pushRightClass);
    }

大窗口：

小窗口：

主要是参考HTML DOM的classList 属性，来动态的改成页面布局和样式。注：Css样式应该在项目中导入，我这边是Angular项目需要在angular.json的styles中导入。