Commit 5fe393db5c0e7e794647507d99fd1bf3afc416e6
1 parent
da76a284
update
Showing
3 changed files
with
11 additions
and
3 deletions
Show diff stats
examples/routers/cell.vue
src/components/cell/cell.vue
1 | 1 | <template> |
2 | - <div :class="classes"> | |
3 | - <a v-if="to" class="ivu-cell-link" @click="handleClick"> | |
2 | + <div :class="classes" tabindex="0"> | |
3 | + <a v-if="to" :href="to" class="ivu-cell-link" @click.prevent="handleClick"> | |
4 | 4 | <CellItem :title="title" :label="label" :extra="extra"> |
5 | 5 | <slot name="icon" slot="icon"></slot> |
6 | 6 | <slot></slot> | ... | ... |
src/styles/components/cell.less
... | ... | @@ -57,5 +57,13 @@ |
57 | 57 | right: 16px; |
58 | 58 | font-size: @font-size-base; |
59 | 59 | } |
60 | + | |
61 | + &:focus{ | |
62 | + background: @background-color-select-hover; | |
63 | + outline: none; | |
64 | + } | |
65 | + &-selected:focus{ | |
66 | + background: shade(@selected-color, 10%); | |
67 | + } | |
60 | 68 | } |
61 | 69 | .select-item(@cell-prefix-cls, @cell-prefix-cls); |
62 | 70 | \ No newline at end of file | ... | ... |