vue判斷設備

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

代碼實現App.vuevue

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

注意:ui

爲2套css分別指定不一樣的父classthis

好比說pc端 css爲pc.scss  父類爲 .pc    移動端 mobile.scss    父類爲 .mobilespa

 

轉自:https://blog.csdn.net/qq_33485463/article/details/80454326.net

相關文章
相關標籤/搜索