使用场景:有适配pc端改为适配pc端和移动端,使用2套css
App.vue
created: function () {if(document.documentElement.clientWidth > 640){require('./style/index.:');this.plaform = 'pc';}else{require('./style/mobile.scss');this.plaform = 'mobile';}
}
注意:
为2套css分别指定不同的父class
比如说pc端 css为pc.scss 父类为 .pc 移动端 mobile.scss 父类为 .mobile
做完的pc项目要求兼容移动端,常规操作的话是新做一个webapp后再来回跳转,
当前pc项目没有太多的交互和复杂的页面,所以决定在一个项目里进行兼容适配
1.新建两个组件,pc端页面组件,m端页面组件