vue判断设备

使用场景:有适配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

 

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

posted on 2019-04-01 19:01  vneel  阅读(1773)  评论(0编辑  收藏  举报

导航