在学习Vue的过程之中,我发现不管是 BAT 大厂,还是创业公司,Vue 都有着广泛的应用,而且框架层出不穷,学习文档也越来越多,Vue也越来越受欢迎。下面是我整理的 Vue PC和移动UI框架,建议收藏,方便以后学习的时候拿出来查看。Vue PC框架1. Element中文文档:http://element-cn.eleme.io/#/zh...
原创 2022-04-24 00:23:23
1566阅读
1评论
在学习Vue的过程之中,我发现不管是 BAT 大厂,还是创业公司,Vue 都有着广泛的应用,而且框架层出不穷,学习文档也越来越多,Vue也越来越受欢迎。下面是我整理的 Vue PC和移动UI框架,建议收藏,方便以后学习的时候拿出来查看。Vue PC框架1. Element中文文档:http://element-cn.eleme.io/#/zh...
原创 2021-07-28 11:12:35
2443阅读
1. ElementElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面组件库中文文档 | github地址2. iView一套基于 Vue.js 的高质量UI 组件库中文文档 | github地址3. vue-element-adminvue-element-admin是基于 Vue2.0,配合使用 Element UI 组件
vue项目移动pc适配方案vue项目移动pc适配方案lib-flexible 根据屏幕宽度,自动设置html的font-sizepostcss-px2rem 自动将px单位转换成rem一、第一步先安装 flexible和 postcss-px2rem(命令行安装)npm i lib-flexible -S npm i postcss-px2rem -S简要介绍这两个包的用途:fle
转载 2024-10-29 09:01:28
1855阅读
移动PC的样式兼容(vant)
原创 2024-02-26 11:07:50
377阅读
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
2257阅读
效果图: web 手机 iphon5 小屏手机上效果如下:代码:<template> <div> <div class="cart-header"> <div class="cart-header-contain"> <div class="cart-title">购物车</div>
一、官网Element框架是PCUI框架,网址:http://element-cn.eleme.io/#/zh-CN二、安装、引入项目(一)vue-cli3引入Element框架vue add el
原创 2022-06-21 20:03:34
626阅读
GitHub 的 Electron 框架(以前叫做 Atom Shell)允许你使用 HTML, CSS 和 JavaScript 编写跨平台的桌面应用。它是io.js 运行时的衍生,专注于桌面应用而不是 web 服务。Electron 丰富的原生 API 使我们能够在页面中直接使用 JavaScript 获取原生的内容。这个教程向我们展示了如何使用 Angular
转载 2月前
335阅读
Moran-PC项目是一款Vue2+Element-UI开发的电脑版前端项目,同时支持与Moran-Boot单体项目、Moran-Cloud微服务项目实现无缝对接。
原创 2024-01-12 08:54:26
44阅读
1. Element UI
原创 2023-05-15 12:32:07
204阅读
一:简介饿了么公司基于Vue开发了两套UI组件库,PC组件库 和 移动组件库。一部分组件库是对原生的HTML标签元素的封装
原创 2023-05-16 09:49:11
2021阅读
利用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
3436阅读
        Vue 移动PC 适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。       &n
用最基本的步骤实现java后端管理系统技术栈: 后端:java基础servlet的相关知识jsp相关知识jdbc的相关知识和mybatis框架Maven项目管理的相关知识和junit单元测试数据库,sql语句前端:html+css+jsAjaxVue基础知识Element UI的使用项目展示:前端布局并静态填充导入element ui的相关依赖cdn导入即可,在element官网复制contain
转载 2023-08-07 09:41:19
156阅读
背景在一pc的web项目里,由于某些特性需要由动态语言处理,所以只在有需要使用vue来处理数据的页面,直接引入vue.js来处理。由于刚开始并没有打算使用前端来渲染数据和处理交互,所以使用了一些非vueui和插件,导致后来冲突坑点不少。非vue模块化下使用vue,虽然不能import vue文件,使用组件方式也有点恶心,但处理一些事情还是不错的。使用formdata提交表单数据先上代码&nbs
转载 2024-04-24 19:25:43
579阅读
# 如何实现PCUI自动化 java ## 概述 作为一名经验丰富的开发者,你可以帮助刚入行的小白了解如何实现“PCUI自动化 java”。下面将详细介绍整个流程和每一步需要做什么,以及需要使用的代码。 ## 流程步骤 | 步骤 | 描述 | | ---- | ---- | | 1 | 安装Selenium WebDriver | | 2 | 创建一个新的Java工程 | | 3 | 添
原创 2024-07-02 06:24:47
58阅读
1、什么是UI设计?UI设计,全称 User Interface,翻译成中文意思叫做用户界面设计。2、UI设计的类型UI设计按用户和界面来分可分成四种UI设计。分别是移动UI设计,PCUI设计,游戏UI设计,以及其它UI设计。第一种:移动UI设计移动UI设计,也就是手机用户,界面指的就是手机界面,也就是说手机上的所有界面都是移动UI设计。比如微信聊天界面,QQ聊天界面,手机桌面 。第二种
vue + 原生input 实现购物车选择按钮 + 修改原生input样式公司做了一个pc版的商城,我负责购物车订单这块,基于业务原因研究了购物车的逻辑实现,所以就有了以下的代码,本文用于记录,如果有兴趣的大神可以阅读源码。也可以直接使用。静态页面HTML部分<template> <div id="tree"> <div class="tree">
使用的方案 lib-flexible-computer + px2remLoader + postcss-px2remlib-flexible:阿里可伸缩布局方案 px2rem-loader:px 转 rem postcss-px2rem: 将代码中px自动转化成对应的rem的一个插件 下面这个插件会代替lib-flexible 更好一些 适用于pc npm i lib-flexible-co
  • 1
  • 2
  • 3
  • 4
  • 5