什么是Element UIElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 Element UI是基于Vue 2.0的Element UI 提供一组组件Element UI 提供组件的参考实例, 直接复制官方网站:https://element.eleme.cn/#/zh-CN/compone
转载 7月前
642阅读
1、创建goods_list分支并推送到远程创建分支goods_list,并切换到当前:git checkout -b goods_list推送到远程:(以前码云中没有该分支,所以要加-u,如果码云中有该分支,则不需要加-u)git push -u origin goods_list2、通过路由加载商品列表组件在goods文件夹和Params.vue文件:<template> <
登录页1、为了方便起见,先将element-ui的使用改为全局引入的方式。修改main.js文件如下:import Vue from 'vue' import App from './App.vue' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' //这个是局部引入,前面的文章有讲过
        因为页面需要所以要在调用接口期间加进度从而让用户可以看到页面加载的进度,之前看到一位大神说从开发角度讲,这种进度在真实性上确实很难把握,因为在逻辑代码加载完成之前,我们都不能统计到进度,而逻辑代码自身的进度也无法统计。另外,我们不可能监控到所有资源的加载情况。     
vue入门|ElementUI使用指南1.开发前务必熟悉的文档: vue.js2.0中文,项目所使用的js框架 vue-router,vue.js配套路由 vuex 状态管理 Element UI框架 2.构建项目框架 全局安装脚手架环境 npm install -g vue-cli 创建一个基于webpack模板项目my-project vue init webpack my-p
App.vue作为Vue项目的主窗口<router-view></router-view>让路由生效main.js负责加载
原创 2022-09-05 17:24:17
261阅读
商品列表之新增 Steps 步骤 一 思路:做商品列表新增模块需要首先设
原创 2022-09-06 12:24:46
6806阅读
目录相关资料今日目标1.电商业务概述2.项目初始化(必须先安装node.js)3.码云相关操作4.配置后台项目5.实现登录功能补充 相关资料项目所用到的资源 点我下载 项目源码 https://gitee.com/KT1205529635/vue_shop 项目展示 http://vue-shop.qkongtao.cn/#/login  今日目标初始化项目基于Vue技术栈进行项目开
转载 2月前
46阅读
1.前期准备备注:主要涉及组件container组件,导航菜单组件,router路由组件,carousel 走马灯组件,Image组件,Table表格组件#1.在项目开发目录使用脚手架新建vue项目(需要提前安装好node和webpack) vue init webpack element_user(项目名) #2.进入当前构建好的vue项目下,下载elementui依赖 cd element_u
这里写目录标题概览1. 变化侦查1.1 Observer流程图2. vdom虚拟DOM2.1 创建节点createElm2.2 更新节点patchVnode2.3 更新子节点 updateChildren3. 模板编译3.1 抽象语法树AST3.2 模板编译具体流程3.3 HTML解析器3.3.1 解析不同的内容3.3.2 AST节点层级3.3.3 小结3.4 文本解析器3.5 优化阶段3.6
前言最近和朋友一起做一个关于程序员赚外快的项目,找了个UI出了个界面,这个美术妹子声音贼好听,御姐类型的,爱了爱了!这个美术妹子估计不知道我是做后端的,前端不是特别专业,她也不问我能不能做出这种效果就把界面搞完了,这就有点难为我了!写到发布问题这个界面的时候有一个步骤这个功能,我试着写了一下,大致上是这么个意思,但是我觉得不是特别完美,然后我就想偷懒看看有没有现成的组件,找了一些博文,要么是样式不符合,要么就是用图片实现的,局限性太大了,那么我就劳苦一下吧,写了这个VUE插件!请看下图!关于vue-
原创 2022-12-01 17:07:37
846阅读
1、问题 使用 vue 时写发现某些样式不生效,怎么都不生效, 不过将style 中的 scoped 去掉后,居然生效了。但是一般都应该加上scoped,那该如何处理呢? <template> <div class="app-container"> <heads /> <div class="log ...
转载 2021-09-06 12:14:00
7919阅读
2评论
element-ui 封装页面步骤导航定位最近在用element-ui组件开发项目,项目页面中,由于页面比较长,所以页面右侧设计了步骤导航定位,滚动页面后,右侧步骤跟着滚动,并且右侧同步显示页面滚动到哪个模块上,查看了element-ui组件库,发现并没有现成的组件,所以自己封装了一个,便于项目中其它页面使用。mounted() { window.addEventListener('
转载 4月前
120阅读
最近在做一个需求,功能很简单,就是开发一个轻量级客户端,将一个指定文件中的内容通过TCP发送到服务器。由于该文件特别大,有可能到达 100G 的数量级,因此处理起来会比较慢,为了给用户提供比较友好的展示界面,因此,在其中加入了进度显示功能。在这里,说一下我在实现该进度功能时的一些思路。成果演示先看一下最终的成品效果展示: 该进度一共分三部分组成,第一部分是主体进度,第二部分是百
效果图:html代码: <div class="step"> <div> <div class="posit"> <div :class="'radius' + ' ' +(step>=1 ? 'speed-bg-color':'')"> <van-icon name
原创 2023-07-27 17:29:48
281阅读
前言:Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,通过使用Element可以大大加速前端的开发速度,节省了脑力与时间。第一步:在vue项目下安装ElementUInpm i element-ui -S //安装element-ui npm install sass-loader node-sass --save-dev //安装sass加载器
目录ElementUI简介Node.js是什么npm是什么Vue+ElementUI安装一、CDN方式二、NPM(需要配置NodeJs环境) ElementUI简介我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件 Elemen
今天做项目时,突然想起前几天自己修改el-dialog的样式修改,我感觉后期也会用到,现在在csdn做一个记录,方便以后查找。 之前的el-dialog样式: 弹窗内容过长,页面就会出现滚动,而不是弹窗出现滚动,如果有提交按钮的话,就会在最底部,需要滚动页面在提交,不是想要的样式。 最终样式:弹窗的代码:<template> <div> <el-dia
最近在整理以前的代码,碰到了写的element-ui整合vue的项目感觉挺好用的,就用一个案例分享给大家吧。首先还是直接附上一份单独网页版的代码吧,复制导入vue.js即用,不需要后端,感受下element-ui的强大。如果想要直接的案例,不想进行简单尝试,请直接调到标题二:案例环境1. 单独网页版代码:<!DOCTYPE html> <html lang="en"> &l
文章目录1. 引言2. ElementUI案例2.1 创建项目2.2 安装依赖2.3 创建页面2.4 配置路由2.5 运行程序1. 引言通过前面的章节
原创 2022-01-25 17:44:37
1424阅读
  • 1
  • 2
  • 3
  • 4
  • 5