首页 > 其他 > 详细

vue判断设备

时间:2019-04-01 19:55:45      阅读:192      评论:0      收藏:0      [点我收藏+]

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

vue判断设备

原文:https://www.cnblogs.com/Wang-Vei/p/10638207.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!