使用場景:有適配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