【vue】vue +element 搭建項目,要求既支持pc端又支持移動端


使用場景:有適配pc端改為適配pc端和移動端,使用2套css

代碼實現App.vue

created: function () {
    if(document.documentElement.clientWidth > 640){
        require('./style/index.scss');
        this.plaform = 'pc';
    }else{
        require('./style/mobile.scss');
        this.plaform = 'mobile';
     
    }

注意:

為2套css分別指定不同的父class

比如說pc端 css為pc.scss  父類為 .pc    移動端 mobile.scss    父類為 .mobile

 

作者:smile.轉角

QQ:493177502

    


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM