vue+elementUI写几个漂亮UI页面

先上图，觉得好看的，从github拿源码吧~

github地址：https://github.com/michaelxuzhi/oneNiceUIPage

说明：如何将项目run起来，步骤：

参考1: electron的安装教程

参考2：electron打包失败解决

- 步骤一：因为要用到electron，国内下载的速度巨慢，所以用国内镜像成功率较高，推荐使用：淘宝镜像，切换方式：`npm install -g cnpm --registry=https://registry.npm.taobao.org`

- 步骤二：依赖的安装：因为我们切换了包管理源，所以`cnpm install` 代替了原本的`npm install` ，执行`cnpm i`

- 步骤三：（网页版）等待依赖完成，执行 `npm run serve` 项目跑起来

- 步骤三：（客户端版）等待依赖完成，执行 `npm run electron:serve` 项目跑起来

执行 npm i 之后，由于我添加了electron-builder，所以此项目可以build成网页版，也可以build成桌面应用。

后续会补充完善成全响应式布局，并适当添加功能。敬请期待！

vue+elementUI写几个漂亮UI页面相关推荐

vue+elementui实现下拉框及页面刷下
vue+elementui实现下拉框及页面刷下 1.应用场景:首页是一幅地图,地图中有相应的地址,点击相应的地址会跳转到相应的页面 ![在这里插入图片描述](https://img-blog.csdn ...
vue+element-ui搭建简易的后台管理系统页面布局
工作中一直用element-ui写中后台项目,所以决定写一个vue+element-ui搭建简易的后台管理页面框架教程,可以快速搭建好简单的中后台界面.完成后显示如下用vue-cli构建项目必须之 ...
用vue+element-ui快速写一个注册登录页面
vue+element-ui可以快速开发一个页面,免除大部分的css代码. 一.用表单来做: 1.代码:  <template><div ...
vue + ElementUI（饿了么UI） ---增删改查（用localStorage存储数据+过滤搜索）--demo
新增和修改写到了一个文件上该目录会上传到gitee上 .eslintrc.js 最后一行是自己添加的,其余内容是脚手架自动生成的 module.exports = {root: true,env: ...
element ui登录界面_Vue和Element-UI做一个简单的登录页面
如下所示,是vue+ElementUI写的一个登录页面: Login.vue部分 class="demo-ruleForm login-container"> 登陆界面记住 ...
Vue+ElementUI+SpringMVC实现图片上传和回显
Vue+ElementUI+SpringMVC实现图片上传和table回显在之前我们已经讲过了 Vue+ElementUI+SpringMVC实现分页 . 而我们也常遇到表单中包含图片上传的需求,并 ...
vue elementui表单清空前一次的数据
文章目录前言关键部分参考代码前言在使用vue elementui写表单的时候,选中了表单的数据后直接关闭表单(没有点击"取消"或"保存"按钮):但是当 ...
vue elementUi邮箱列表选择（全选，已读，未读，删除）功能
基于vue + elementUI写的邮箱列表,包括全选,已读,未读,上次一次点击记录以及删除的操作列表组件如下: <template><div style="heigh ...
element ui 前台模板_SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇（二）：引入 element-ui 定义基本页面显示...
前提: (1) 相关博文地址: SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境:https://www.cnblogs.com/l-y ...

vue+elementUI写几个漂亮UI页面

先上图，觉得好看的，从github拿源码吧~

github地址：https://github.com/michaelxuzhi/oneNiceUIPage

说明：如何将项目run起来，步骤：

参考1: electron的安装教程

参考2：electron打包失败解决

- 步骤一：因为要用到electron，国内下载的速度巨慢，所以用国内镜像成功率较高，推荐使用：淘宝镜像，切换方式：`npm install -g cnpm --registry=https://registry.npm.taobao.org`

- 步骤二：依赖的安装：因为我们切换了包管理源，所以`cnpm install` 代替了原本的`npm install` ，执行`cnpm i`

- 步骤三：（网页版）等待依赖完成，执行 `npm run serve` 项目跑起来

- 步骤三：（客户端版）等待依赖完成，执行 `npm run electron:serve` 项目跑起来

执行 npm i 之后，由于我添加了electron-builder，所以此项目可以build成网页版，也可以build成桌面应用。

后续会补充完善成全响应式布局，并适当添加功能。敬请期待！

vue+elementUI写几个漂亮UI页面相关推荐

最新文章

热门文章

vue+elementUI写几个漂亮UI页面

先上图，觉得好看的，从github拿源码吧~

github地址 ：https://github.com/michaelxuzhi/oneNiceUIPage

说明：如何将项目run起来，步骤：

参考1: electron的安装教程

参考2：electron打包失败解决

- 步骤一：因为要用到electron，国内下载的速度巨慢，所以用国内镜像成功率较高，推荐使用：淘宝镜像，切换方式：npm install -g cnpm --registry=https://registry.npm.taobao.org

- 步骤二：依赖的安装：因为我们切换了包管理源，所以cnpm install 代替了原本的npm install ，执行cnpm i

- 步骤三：（网页版）等待依赖完成，执行 npm run serve 项目跑起来

- 步骤三：（客户端版）等待依赖完成，执行 npm run electron:serve 项目跑起来

执行 npm i 之后，由于我添加了electron-builder，所以此项目可以build成网页版，也可以build成桌面应用。

后续会补充完善成全响应式布局，并适当添加功能。敬请期待！

vue+elementUI写几个漂亮UI页面相关推荐

最新文章

热门文章

github地址：https://github.com/michaelxuzhi/oneNiceUIPage

- 步骤一：因为要用到electron，国内下载的速度巨慢，所以用国内镜像成功率较高，推荐使用：淘宝镜像，切换方式：`npm install -g cnpm --registry=https://registry.npm.taobao.org`

- 步骤二：依赖的安装：因为我们切换了包管理源，所以`cnpm install` 代替了原本的`npm install` ，执行`cnpm i`

- 步骤三：（网页版）等待依赖完成，执行 `npm run serve` 项目跑起来

- 步骤三：（客户端版）等待依赖完成，执行 `npm run electron:serve` 项目跑起来