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 |