【vue】vue +element 搭建项目，要求既支持pc端又支持移动端

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

作者：smile.轉角

QQ：493177502

转载于:https://www.cnblogs.com/websmile/p/9134545.html

【vue】vue +element 搭建项目，要求既支持pc端又支持移动端相关推荐

Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记
前言本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目,并在此过程中踩过的坑 . TypeScript 具有类型系统,且是 JavaScript 的超集,TypeScript ...
vue脚手架项目如何加入html文件,使用vue脚手架怎么搭建项目
使用vue脚手架搭建项目的方法:1.全局安装vue-cli脚手架:2.打开命令提示符,通过cd命令进入项目所在文件夹:3.创建vue-cli工程项目:4.安装依赖:5.启动项目. 本教程操作环境:wi ...
vue +element 搭建项目，要求既支持pc端又支持移动端
使用场景:有适配pc端改为适配pc端和移动端,使用2套css 代码实现App.vue created: function () {if(document.documentElement.clientW ...
【vue】使用vue+element搭建项目，Tree树形控件使用
目录一.安装依赖二.常用属性.事件三.demo应用 html代码属性用法 3.2.1 :default-expanded-keys(默认展开项) 3.2.2 :props="defa ...
【vue】vue +element 搭建项目，Qs用途
1.安装 (c)npm install qs -S 2.用途在 axios中,利用QS包装data数据 3.常见用法: import Qs from 'qs'; Qs.stringify(data) ...
vue和SpringBoot搭建项目(原创)
1.element官网 https://element.eleme.cn/#/zh-CN/component/installation 2.element介绍 Element:网站快速成型工具.是饿了 ...
Vue菜鸟入门--搭建项目
一.介绍 vue-cli 是一个基于 Vue.js 进行快速开发的完整系统.有三个组件: cli:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create .vue ...
nginx配置 vue打包后的项目解决刷新页面404问题|nginx配置多端访问
访问vue页面时,/# 使url看着不美观,使用 H5 history模式可以完美解决这个问题,但需要后端nginx帮助.接下来我们自己配置一下. 使用前端路由,但切换新路由时,想要滚动到页面顶部,或 ...
vue脚手架的搭建以及element的搭建 ---冯浩的博客
vue CLI 搭建流程首先打开我们的要创建项目的终端首先输入命令 vue-v 查看我们是否安装了vue-Cli如果没有就输入 npm install -g @vue/cli输入命令 vue c ...

【vue】vue +element 搭建项目，要求既支持pc端又支持移动端

【vue】vue +element 搭建项目，要求既支持pc端又支持移动端相关推荐

最新文章

热门文章