Commit 5fe393db5c0e7e794647507d99fd1bf3afc416e6
1 parent
da76a284
update
Showing
3 changed files
with
11 additions
and
3 deletions
Show diff stats
examples/routers/cell.vue
@@ -9,7 +9,7 @@ | @@ -9,7 +9,7 @@ | ||
9 | <Cell title="标题二"> | 9 | <Cell title="标题二"> |
10 | <Icon type="trash-a" slot="icon"></Icon> | 10 | <Icon type="trash-a" slot="icon"></Icon> |
11 | </Cell> | 11 | </Cell> |
12 | - <Cell title="标题三"></Cell> | 12 | + <Cell title="标题三">六七十</Cell> |
13 | <Cell title="标题四" selected></Cell> | 13 | <Cell title="标题四" selected></Cell> |
14 | <Cell title="标题五"></Cell> | 14 | <Cell title="标题五"></Cell> |
15 | <Cell title="标题六" disabled></Cell> | 15 | <Cell title="标题六" disabled></Cell> |
src/components/cell/cell.vue
1 | <template> | 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 | <CellItem :title="title" :label="label" :extra="extra"> | 4 | <CellItem :title="title" :label="label" :extra="extra"> |
5 | <slot name="icon" slot="icon"></slot> | 5 | <slot name="icon" slot="icon"></slot> |
6 | <slot></slot> | 6 | <slot></slot> |
src/styles/components/cell.less
@@ -57,5 +57,13 @@ | @@ -57,5 +57,13 @@ | ||
57 | right: 16px; | 57 | right: 16px; |
58 | font-size: @font-size-base; | 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 | .select-item(@cell-prefix-cls, @cell-prefix-cls); | 69 | .select-item(@cell-prefix-cls, @cell-prefix-cls); |
62 | \ No newline at end of file | 70 | \ No newline at end of file |