随笔分类 -  Navigation组件

摘要:引导用户按照流程完成任务的分步导航条,可根据实际应用场景设定步骤,步骤不得少于 2 步。 基础用法 简单的步骤条。 设置active属性,接受一个Number,表明步骤的 index,从 0 开始。需要定宽的步骤条时,设置space属性即可,它接受Boolean,单位为px,如果不设置,则为自适应。 阅读全文
posted @ 2018-03-14 07:32 大姐姐小姐姐
摘要:将动作或菜单折叠到下拉菜单中。 基础用法 移动到下拉菜单上,展开更多操作。 通过组件slot来设置下拉触发的元素以及需要通过具名slot为dropdown 来设置下拉菜单。默认情况下,下拉按钮只要hover即可,无需点击也会显示下拉菜单。 1 <el-dropdown> 2 <span class= 阅读全文
posted @ 2018-03-14 07:28 大姐姐小姐姐
摘要:显示当前页面的路径,快速返回之前的任意页面。 基础用法 适用广泛的基础用法。 在el-breadcrumb中使用el-breadcrumb-item标签表示从首页开始的每一级。Element 提供了一个separator属性,在el-breadcrumb标签中设置它来决定分隔符,它只能是字符串,默认 阅读全文
posted @ 2018-03-14 07:24 大姐姐小姐姐
摘要:分隔内容上有关联但属于不同类别的数据集合。 基础用法 基础的、简洁的标签页。 Tabs 组件提供了选项卡功能,默认选中第一个标签页,你也可以通过 value 属性来指定当前选中的标签页。 1 <template> 2 <el-tabs v-model="activeName" @tab-click= 阅读全文
posted @ 2018-03-14 07:22 大姐姐小姐姐
摘要:顶栏 适用广泛的基础用法。 导航菜单默认为垂直模式,通过mode属性可以使导航菜单变更为水平模式。另外,在菜单中通过submenu组件可以生成二级菜单。Menu 还提供了background-color、text-color和active-text-color,分别用于设置菜单的背景色、菜单的文字颜 阅读全文
posted @ 2018-03-14 07:17 大姐姐小姐姐