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 |