github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Breadcrumb: remove visual feedback for non-link items (#10551)

pull/10553/head
杨奕 2018-04-04 11:34:00 +08:00 committed by GitHub
parent 2bc4df7863
commit 422a8ac9c4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
examples/docs/en-US/breadcrumb.md
View File

@ -10,7 +10,7 @@ Displays the location of the current page, making it easier to browser back.
```html ```html
<el-breadcrumb separator="/"> <el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">homepage</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/' }">homepage</el-breadcrumb-item>
<el-breadcrumb-item>promotion management</el-breadcrumb-item> <el-breadcrumb-item><a href="/">promotion management</a></el-breadcrumb-item>
<el-breadcrumb-item>promotion list</el-breadcrumb-item> <el-breadcrumb-item>promotion list</el-breadcrumb-item>
<el-breadcrumb-item>promotion detail</el-breadcrumb-item> <el-breadcrumb-item>promotion detail</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>

2
examples/docs/es/breadcrumb.md
View File

@ -10,7 +10,7 @@ Muestra la localización de la página actual, haciendo más fácil el poder ir
```html ```html
<el-breadcrumb separator="/"> <el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">homepage</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/' }">homepage</el-breadcrumb-item>
<el-breadcrumb-item>promotion management</el-breadcrumb-item> <el-breadcrumb-item><a href="/">promotion management</a></el-breadcrumb-item>
<el-breadcrumb-item>promotion list</el-breadcrumb-item> <el-breadcrumb-item>promotion list</el-breadcrumb-item>
<el-breadcrumb-item>promotion detail</el-breadcrumb-item> <el-breadcrumb-item>promotion detail</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>

2
examples/docs/zh-CN/breadcrumb.md
View File

@ -10,7 +10,7 @@
```html ```html
<el-breadcrumb separator="/"> <el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>活动管理</el-breadcrumb-item> <el-breadcrumb-item><a href="/">活动管理</a></el-breadcrumb-item>
<el-breadcrumb-item>活动列表</el-breadcrumb-item> <el-breadcrumb-item>活动列表</el-breadcrumb-item>
<el-breadcrumb-item>活动详情</el-breadcrumb-item> <el-breadcrumb-item>活动详情</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>

5
packages/breadcrumb/src/breadcrumb-item.vue
View File

@ -1,6 +1,9 @@
<template> <template>
<span class="el-breadcrumb__item"> <span class="el-breadcrumb__item">
<span class="el-breadcrumb__inner" ref="link" role="link"> <span
:class="['el-breadcrumb__inner', to ? 'is-link' : '']"
ref="link"
role="link">
<slot></slot> <slot></slot>
</span> </span>
<i v-if="separatorClass" class="el-breadcrumb__separator" :class="separatorClass"></i> <i v-if="separatorClass" class="el-breadcrumb__separator" :class="separatorClass"></i>

5
packages/theme-chalk/src/breadcrumb.scss
View File

@ -22,8 +22,11 @@
float: left; float: left;
@include e(inner) { @include e(inner) {
&, & a { color: $--color-text-regular;
&.is-link, & a {
font-weight: bold; font-weight: bold;
text-decoration: none;
transition: $--color-transition-base; transition: $--color-transition-base;
color: $--color-text-primary; color: $--color-text-primary;