Commit 3a3dcb0af15e7c07b85d782fa72bd7350b371622
1 parent
7e97421f
update cell & dropdown style
Showing
3 changed files
with
10 additions
and
2 deletions
Show diff stats
examples/routers/dropdown.vue
| @@ -7,7 +7,7 @@ | @@ -7,7 +7,7 @@ | ||
| 7 | </a> | 7 | </a> |
| 8 | <DropdownMenu slot="list"> | 8 | <DropdownMenu slot="list"> |
| 9 | <DropdownItem>驴打滚</DropdownItem> | 9 | <DropdownItem>驴打滚</DropdownItem> |
| 10 | - <DropdownItem>炸酱面</DropdownItem> | 10 | + <DropdownItem selected>炸酱面</DropdownItem> |
| 11 | <DropdownItem disabled>豆汁儿</DropdownItem> | 11 | <DropdownItem disabled>豆汁儿</DropdownItem> |
| 12 | <DropdownItem>冰糖葫芦</DropdownItem> | 12 | <DropdownItem>冰糖葫芦</DropdownItem> |
| 13 | <DropdownItem divided>北京烤鸭</DropdownItem> | 13 | <DropdownItem divided>北京烤鸭</DropdownItem> |
| @@ -20,7 +20,7 @@ | @@ -20,7 +20,7 @@ | ||
| 20 | </a> | 20 | </a> |
| 21 | <DropdownMenu slot="list"> | 21 | <DropdownMenu slot="list"> |
| 22 | <DropdownItem>驴打滚</DropdownItem> | 22 | <DropdownItem>驴打滚</DropdownItem> |
| 23 | - <DropdownItem>炸酱面</DropdownItem> | 23 | + <DropdownItem selected>炸酱面</DropdownItem> |
| 24 | <DropdownItem disabled>豆汁儿</DropdownItem> | 24 | <DropdownItem disabled>豆汁儿</DropdownItem> |
| 25 | <DropdownItem>冰糖葫芦</DropdownItem> | 25 | <DropdownItem>冰糖葫芦</DropdownItem> |
| 26 | <DropdownItem divided>北京烤鸭</DropdownItem> | 26 | <DropdownItem divided>北京烤鸭</DropdownItem> |
src/styles/components/cell.less
| @@ -34,6 +34,11 @@ | @@ -34,6 +34,11 @@ | ||
| 34 | &-selected &-label{ | 34 | &-selected &-label{ |
| 35 | color: inherit; | 35 | color: inherit; |
| 36 | } | 36 | } |
| 37 | + | ||
| 38 | + &-selected, &&-selected:hover{ | ||
| 39 | + background: ~`colorPalette("@{primary-color}", 1)`; | ||
| 40 | + } | ||
| 41 | + | ||
| 37 | &-footer{ | 42 | &-footer{ |
| 38 | display: inline-block; | 43 | display: inline-block; |
| 39 | position: absolute; | 44 | position: absolute; |
src/styles/components/dropdown.less
| @@ -30,6 +30,9 @@ | @@ -30,6 +30,9 @@ | ||
| 30 | &-transfer{ | 30 | &-transfer{ |
| 31 | width: auto; | 31 | width: auto; |
| 32 | } | 32 | } |
| 33 | + &-item-selected, &-item&-item-selected:hover{ | ||
| 34 | + background: ~`colorPalette("@{primary-color}", 1)`; | ||
| 35 | + } | ||
| 33 | } | 36 | } |
| 34 | 37 | ||
| 35 | .select-item(@dropdown-prefix-cls, @dropdown-item-prefix-cls); | 38 | .select-item(@dropdown-prefix-cls, @dropdown-item-prefix-cls); |
| 36 | \ No newline at end of file | 39 | \ No newline at end of file |