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

相关文章
相关标签/搜索