Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。由饿了么公司前端团队开源。
特性:
一致性 Consistency
与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;
在界面中一致:所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。
反馈 Feedback
控制反馈:通过界面样式和交互动效让用户可以清晰的感知自己的操作;
页面反馈:操作后,通过页面元素的变化清晰地展现当前状态。
效率 Efficiency
简化流程:设计简洁直观的操作流程;
清晰明确:语言表达清晰且表意明确,让用户快速理解进而作出决策;
帮助用户识别:界面简单直白,让用户快速识别而非回忆,减少用户记忆负担。
可控 Controllability
用户决策:根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策;
结果可控:用户可以自由的进行操作,包括撤销、回退和终止当前操作等。
运行效果:
安装:
npm install element-ui@next
示例代码:
import Vue from 'vue' import Element from 'element-ui' import 'element-ui/lib/theme-default/index.css'; Vue.use(Element) // or import Select from 'element-ui/lib/select'; import Select from 'element-ui/lib/theme-default/select.css'; import Button from 'element-ui/lib/button'; import Button from 'element-ui/lib/theme-default/button.css'; Vue.component(Select.name, ElSelect) Vue.component(Button.name, ElButton)
一、ElementUI 1. 简介:VUE核心思想是组件和数据驱动,是每一个组件都需要自己编写模板样式添加事件,数据等是非常麻烦的,所以“饿了么”推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件。element-ui是一个ui库,它不依赖于vue,但是却是当前和vue配合做项目开发的一个比较好的ui框架。 2. 使用方法
Element对象 Element是一个通用性非常强的基类,所有Document对象下的对象都继承自它,这个对象描述了所有相同种类的元素所普遍具有的方法和属性,一些接口继承自Element并且增加了一些额外功能的接口描述了具体的行为,例如HTMLElement接口是所有HTML元素的基本接口,而SVGElement接口是所有SVG元素的基础,大多数功能是在这个类的更深层级的接口中被进一步制定的。
element-wise:各向量/矩阵/张量间,对应位置的元素相计算,包含加减乘除等。 对于标量,可根据需要自动扩维度(broadcast) 例如element-wise product: v1 = <1, 2> v2 = <2, 3> 则结果为:<2, 6> 若 v2 = 2 则结果为:<2, 4> (因为标量会自动扩维为<2, 2>)
Element - The world's most popular Vue UI framework 官方网址 安装element: 1.完整引入 pm i element-ui -S // 2)main.js 引入ElementUI import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'
min_element()和max_element 头文件:#include 作用:返回容器中最小值和最大值。 max_element(first,end,cmp);其中cmp为可选择参数! max函数|C++返回数组中的最大值——max_element函数 在头文件 #include 中,返回的是迭代器,所以输出值的话要在前面加 * 第三个参数cmp可写可不写, max_element() 和
from selenium import webdriver from selenium.webdriver.common.by import By with webdriver.Chrome() as driver: print('进入百度') driver.get("https://www.baidu.com/") print('选中name为wd的单个搜索框')
Element 是java中的元素类型,每个元素代表静态的、语言级别的构造。 getChild方法 由父类获取子类对象的方法。 Iterator迭代器 迭代器给我们提供了 一种通用的方法来遍历集合。 1.js的脚本可以被放置在head、body部分,或者兼有之。 2.把js脚本应该放在body元素的底部,因为js脚本的编译会拖慢显示速度。 3.用script的src属性来指定外部脚本的位置。 4.
0x00 前言 最后更新日期:2022-09-26 0x01 max_element()以及min_element() max_element()用于从范围[first, last)中获取最大值的元素。 min_element()用于从范围[first, last)中获取最小值的元素。 1.max_element() max_element()包含在 algorithm 库中,语法如下(C++17
Element,是由国内的饿了么团队开发并开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。简单的说ElementUi是一个基于Vue的Ui框架,适用于PC端。ElementUi与前端著名的Bootstrap框架很相似。 ElementUi官方网址:https://element.eleme.cn/#/zh-CN 安装 推荐使用 npm 的方式安装,它能更好地和 we
本文向大家介绍在vue2.0中引用element-ui组件库的方法,包括了在vue2.0中引用element-ui组件库的方法的使用技巧和注意事项,需要的朋友参考一下 在vue2.0中引用element-ui组件库 element-ui是由饿了么团队开发的一套基于 Vue 2.0 的桌面端组件库。 官网: http://element.eleme.io/ 安装 引用完整的element-ui 需要
本文向大家介绍vue基于element的区间选择组件,包括了vue基于element的区间选择组件的使用技巧和注意事项,需要的朋友参考一下 公司的系统中,产品经理在设计时经常要求对某个字段进行区间阈值设置或者作为筛选条件。但是苦于element中没有非常契合的组件(slider组件并不支持两端均能设定),于是自己动手造了一个。 成果 最终的展示效果如下: 需求 这里以项目的需求为例,基本的需求如下
本文向大家介绍基于vue2.0实现的级联选择器,包括了基于vue2.0实现的级联选择器的使用技巧和注意事项,需要的朋友参考一下 基于Vue的级联选择器,可以单项,二级, 三级级联,多级级联 web开发中我们经常会遇到级联选择器的问题,尤其是在表单中,无外乎几种情况: 单个级联 (下拉选择框,单选) 单个级联 (多项选择) 二级联动 (省份和城市联动) 三级联动 (省市区联动) 在jquery中有
如果您在声明组件时更喜欢基于类的 API,则可以使用官方维护的vue-class-component装饰器: import Vue from 'vue' import Component from 'vue-class-component' // @Component 修饰符注明了此类为一个 Vue 组件 @Component({ // 所有的组件选项都可以放在这里 template:
本文向大家介绍bootstrap select插件封装成Vue2.0组件,包括了bootstrap select插件封装成Vue2.0组件的使用技巧和注意事项,需要的朋友参考一下 因为bootstrap-select功能比较强大,而且样式还不错,所以在项目使用了vue,所以,觉得对bootstrap-select进行封装。 html js 不得不提一下,在使用多个select的时候,在删除某一个s
本文向大家介绍详解Vue2.0组件的继承与扩展,包括了详解Vue2.0组件的继承与扩展的使用技巧和注意事项,需要的朋友参考一下 前言 本文将介绍vue2.0中的组件的继承与扩展,主要分享slot、mixins/extends和extend的用法。 一、slot 1.默认插槽和匿名插槽 slot用来获取组件中的原内容,此方式用于父组件向子组件传递“标签数据”。有的时候为插槽提供默认的内容是很有用的,
本文向大家介绍基于vue2.0+vuex+localStorage开发的本地记事本示例,包括了基于vue2.0+vuex+localStorage开发的本地记事本示例的使用技巧和注意事项,需要的朋友参考一下 本文采用vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。兼容PC端和移动端。 实现效果 功能说明 支持回车添加事件 支持事件状态切换 添加
本文向大家介绍基于Vue的文字跑马灯组件(npm 组件包),包括了基于Vue的文字跑马灯组件(npm 组件包)的使用技巧和注意事项,需要的朋友参考一下 一、前言 总结下最近工作上在移动端实现的一个跑马灯效果,最终效果如下: 印象中好像HTML标签的‘marquee'的直接可以实现这个效果,不过 HTML标准中已经废弃了‘marquee'标签 既然HTML标准已经废弃了这个标签,现在工作上用的是Vu