diff --git a/examples/sites/demos/pc/app/action-menu/icon-composition-api.vue b/examples/sites/demos/pc/app/action-menu/icon-composition-api.vue index c5aebdaaa4..40ac8ed824 100644 --- a/examples/sites/demos/pc/app/action-menu/icon-composition-api.vue +++ b/examples/sites/demos/pc/app/action-menu/icon-composition-api.vue @@ -76,22 +76,22 @@ p { :deep(.tiny-action-menu__wrap) { .tiny-action-menu__item { .tiny-dropdown-item__wrap { - color: #191919; + color: var(--tv-color-icon-control); .tiny-svg { - fill: #191919; + fill: var(--tv-color-icon-control); } } &:hover { .tiny-dropdown-item__wrap > .tiny-dropdown-item__content .tiny-svg { - fill: #191919; + fill: var(--tv-color-icon-control); } } .tiny-dropdown { - color: #191919; + color: var(--tv-color-icon-control); .tiny-svg { - fill: #191919; + fill: var(--tv-color-icon-control); } } } diff --git a/examples/sites/demos/pc/app/action-menu/icon.vue b/examples/sites/demos/pc/app/action-menu/icon.vue index 383f913eb3..60afb3ffcc 100644 --- a/examples/sites/demos/pc/app/action-menu/icon.vue +++ b/examples/sites/demos/pc/app/action-menu/icon.vue @@ -81,22 +81,22 @@ p { :deep(.tiny-action-menu__wrap) { .tiny-action-menu__item { .tiny-dropdown-item__wrap { - color: #191919; + color: var(--tv-color-icon-control); .tiny-svg { - fill: #191919; + fill: var(--tv-color-icon-control); } } &:hover { .tiny-dropdown-item__wrap > .tiny-dropdown-item__content .tiny-svg { - fill: #191919; + fill: var(--tv-color-icon-control); } } .tiny-dropdown { - color: #191919; + color: var(--tv-color-icon-control); .tiny-svg { - fill: #191919; + fill: var(--tv-color-icon-control); } } } diff --git a/examples/sites/demos/pc/app/action-menu/popper-class-composition-api.vue b/examples/sites/demos/pc/app/action-menu/popper-class-composition-api.vue index 0d16d7db85..8c9aba5c89 100644 --- a/examples/sites/demos/pc/app/action-menu/popper-class-composition-api.vue +++ b/examples/sites/demos/pc/app/action-menu/popper-class-composition-api.vue @@ -31,6 +31,6 @@ const options = ref([ diff --git a/examples/sites/demos/pc/app/action-menu/popper-class.spec.ts b/examples/sites/demos/pc/app/action-menu/popper-class.spec.ts index ba12438af3..93e5aabdad 100644 --- a/examples/sites/demos/pc/app/action-menu/popper-class.spec.ts +++ b/examples/sites/demos/pc/app/action-menu/popper-class.spec.ts @@ -13,5 +13,5 @@ test('弹框样式', async ({ page }) => { await visibleItem.last().hover() await page.waitForTimeout(200) await expect(dropDownMenu).toHaveClass(/custom-action-menu/) - await expect(dropDownMenu).toHaveCSS('background-color', 'rgb(250, 235, 215)') + await expect(dropDownMenu).toHaveCSS('background-color', 'rgb(255, 255, 255)') }) diff --git a/examples/sites/demos/pc/app/action-menu/popper-class.vue b/examples/sites/demos/pc/app/action-menu/popper-class.vue index 8875ade9d0..59d869ee52 100644 --- a/examples/sites/demos/pc/app/action-menu/popper-class.vue +++ b/examples/sites/demos/pc/app/action-menu/popper-class.vue @@ -39,6 +39,6 @@ export default { diff --git a/examples/sites/demos/pc/app/action-menu/slot-item-composition-api.vue b/examples/sites/demos/pc/app/action-menu/slot-item-composition-api.vue index 9426fd9078..7d97b7199b 100644 --- a/examples/sites/demos/pc/app/action-menu/slot-item-composition-api.vue +++ b/examples/sites/demos/pc/app/action-menu/slot-item-composition-api.vue @@ -2,7 +2,7 @@ diff --git a/examples/sites/demos/pc/app/action-menu/slot-item.vue b/examples/sites/demos/pc/app/action-menu/slot-item.vue index 4ebdf2076e..5426c2a063 100644 --- a/examples/sites/demos/pc/app/action-menu/slot-item.vue +++ b/examples/sites/demos/pc/app/action-menu/slot-item.vue @@ -2,7 +2,7 @@ diff --git a/examples/sites/demos/pc/app/autocomplete/slot-composition-api.vue b/examples/sites/demos/pc/app/autocomplete/slot-composition-api.vue index ad1e5a6dec..eb28de6258 100644 --- a/examples/sites/demos/pc/app/autocomplete/slot-composition-api.vue +++ b/examples/sites/demos/pc/app/autocomplete/slot-composition-api.vue @@ -4,6 +4,8 @@ +
+
+
+