1. Element Element,一套为开发者、设计师和产品经理准备基于 Vue 2.0 桌面组件库中文文档 | github地址   Element   2. vue-element-admin vue-element-admin是基于 Vue2.0,配合使用 Element UI 组件库一个前端管理后台集成解决方案。它使用了最新前端技术栈,提炼了典型业务模型,提供了丰富功能
转载 2021-08-13 19:07:28
2226阅读
背景在一pcweb项目里,由于某些特性需要由动态语言处理,所以只在有需要使用vue来处理数据页面,直接引入vue.js来处理。由于刚开始并没有打算使用前端来渲染数据和处理交互,所以使用了一些非vueui和插件,导致后来冲突坑点不少。非vue模块化下使用vue,虽然不能import vue文件,使用组件方式也有点恶心,但处理一些事情还是不错。使用formdata提交表单数据先上代码&nbs
        Vue 移动PC 适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。       &n
利用webpack配置px2rem-loader和lib-flexible来实现px转化rem1、安装npminstallpx2rem-loader-Dnpminstalllib-flexible-S2.参照官网配置方法//增加代码,px转rem配置(需要将px2remloader添加进loaders数组中)constpx2remLoader={loader:'px2rem-loader&
转载 2020-05-09 10:26:32
3392阅读
在学习Vue过程之中,我发现不管是 BAT 大厂,还是创业公司,Vue 都有着广泛应用,而且框架层出不穷,学习文档也越来越多,Vue也越来越受欢迎。下面是我整理 Vue PC和移动UI框架,建议收藏,方便以后学习时候拿出来查看。Vue PC框架1. Element中文文档:http://element-cn.eleme.io/#/zh...
原创 2021-07-28 11:12:35
2361阅读
在学习Vue过程之中,我发现不管是 BAT 大厂,还是创业公司,Vue 都有着广泛应用,而且框架层出不穷,学习文档也越来越多,Vue也越来越受欢迎。下面是我整理 Vue PC和移动UI框架,建议收藏,方便以后学习时候拿出来查看。Vue PC框架1. Element中文文档:http://element-cn.eleme.io/#/zh...
原创 2022-04-24 00:23:23
1451阅读
1评论
#1.新建一个Vue项目,并成功运行 vue init webpack mp-demo #2.目录结构 因为在同一个项目中,分了移动PC,所以我们在入口,页面,路由等地方都要把移动PC区别开来。#3.修改配置文件 先说说我们要修改哪几个文件以及这几个文件作用,都在build文件夹下:####utils.js a> 计算资源文件存放路径 b> 生成cssLoaders用于加
vue
转载 2021-02-03 20:12:54
2705阅读
2评论
## Vue支持PC和移动架构 Vue是一个流行JavaScript框架,用于构建用户界面。它灵活性和易用性使得它成为开发者们首选。Vue不仅支持PC,还可以轻松地应用在移动开发中。在本文中,我们将介绍Vue如何支持PC和移动架构,并提供相应代码示例。 ### PC架构 在PC开发中,通常会使用Vue组件化架构来构建页面。每个页面可以拆分成多个组件,每个组件负责不同
原创 4月前
95阅读
移动PC样式兼容(vant)
原创 6月前
150阅读
vue3.0 + ts 项目实现pc和移动适配写在前面:最近写前端项目需要做移动设配和PC适配,移动适配包括了平板和各式各样手机。之前都是直接使用自己做rem换算单位来进行适配,但是,现在发现没法适配平台。最近一直在查资料,可算是让我找着了一款适合了。"postcss-pxtorem": "^5.1.1"就是这个插件,它可以自动将px转化成rem, 也就意味着我们可以不再使用之前
1. ElementElement,一套为开发者、设计师和产品经理准备基于 Vue 2.0
原创 2023-03-08 17:02:13
87阅读
如何用Vue搭建一个PC项目呢?搭建完成都需要配置哪些内容呢?本篇文章会告诉你答案。搭建项目的主要步骤如下: 1.根据脚手架创建一个项目 2.引入axios发送请求 3.配置拦截器(注意httperror问题) 4.引入组件库 5.如果需要前端解决跨域,就在前端解决跨域 6.公共界面布局 7.分环境打包 8.项目优化(可以放在上线前)下面我们主要从这8点内容来搭建PC项目1.根据脚手架创建
vue项目pc和移动适配1、pc适配一、样式中根据设计稿确定缩放比例(可以设置全局或者部分页面)二、监听窗口大小改变,设置根字体大小 created() { // 获取当前设备宽度,设置rem根字体大小 let width = window.innerWidth; width = width <= 1200 ? 1200 : width; const htmlObj = d
在看张鑫旭博客得时候看到了electron这个东西,来了兴趣,就按照上面写将已经做好得vue项目拿来试了试,出乎意料得顺利electron简单说下electron,就是把 chrome内核和你项目文件打包成一个程序,和移动得混合应用有点类似。当然实现起来肯定没有说得这么简单得。那么怎么做呢?首先,你电脑上面要有git 和 node ,git可以不要,不过最好安装了,Node必须要。第二步 &
lib-flexible + px2rem Loader lib-flexible 阿里伸缩布局方案 px2rem-loader:px转rem; 依赖 首先需要安装 vue-cli 脚手架,这里我安装是 cli3。 项目初始化完成后,在项目目录中安装 lib-flexible 和 px2rem-l ...
转载 2021-11-01 17:03:00
2010阅读
2评论
html: js: 先写滚动事件 method中写节流函数 throttle(func, wait) { let lastTime = null let timeout return () => { let context = this; let now = new Date(); let arg
原创 2022-04-21 13:50:21
514阅读
vuejs实战——PC一、项目使用资源整合1、使用vue-cli脚手架工具搭建2、使用UI框架——elementUI二、使用vue-cli创建项目全局安装 vue-cli($ npm install –global vue-cli)创建一个基于webpack模板新项目($ vue init webpack 项目名称)进入项目目录($ cd 项目名称)安装依赖($ npm install)运行项
效果图: web 手机 iphon5 小屏手机上效果如下:代码:<template> <div> <div class="cart-header"> <div class="cart-header-contain"> <div class="cart-title">购物车</div>
/*彈窗*/ .Dialog-bg{ background-color: #000; height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0; width: 100%; z-index: 200; } .Dialog{ background: #f3f6f...
转载 2017-08-21 15:26:00
407阅读
2评论
1、兼容性方面      移动:主要是不同终端分辨率问题      PC : 主要在浏览器不同内核兼容性上问题2、布局方面      移动:移动除了不同型号终端分辨率问题还有同一终端横屏竖屏处理,总体就是响应式布局(自适应布局)      PC : 通常有
转载 2023-07-14 18:16:34
229阅读
  • 1
  • 2
  • 3
  • 4
  • 5