This commit is contained in:
Wang Kejun 2022-11-29 16:44:05 +08:00
parent 515d1bd8e5
commit 265ca083a1
4 changed files with 183 additions and 12 deletions

View File

@ -167,4 +167,184 @@
--td-brand-color-6: var(--oak-brand-color-6); --td-brand-color-6: var(--oak-brand-color-6);
--td-brand-color-7: var(--oak-brand-color-7); --td-brand-color-7: var(--oak-brand-color-7);
--td-brand-color-8: var(--oak-brand-color-8); --td-brand-color-8: var(--oak-brand-color-8);
--td-brand-color-9: var(--o --td-brand-color-9: var(--oak-brand-color-9);
--td-brand-color-10: var(--oak-brand-color-10);
--td-warning-color-1: var(--oak-warning-color-1);
--td-warning-color-2: var(--oak-warning-color-2);
--td-warning-color-3: var(--oak-warning-color-3);
--td-warning-color-4: var(--oak-warning-color-4);
--td-warning-color-5: var(--oak-warning-color-5);
--td-warning-color-6: var(--oak-warning-color-6);
--td-warning-color-7: var(--oak-warning-color-7);
--td-warning-color-8: var(--oak-warning-color-8);
--td-warning-color-9: var(--oak-warning-color-9);
--td-warning-color-10: var(--oak-warning-color-10);
--td-error-color-1: var(--oak-error-color-1);
--td-error-color-2: var(--oak-error-color-2);
--td-error-color-3: var(--oak-error-color-3);
--td-error-color-4: var(--oak-error-color-4);
--td-error-color-5: var(--oak-error-color-5);
--td-error-color-6: var(--oak-error-color-6);
--td-error-color-7: var(--oak-error-color-7);
--td-error-color-8: var(--oak-error-color-8);
--td-error-color-9: var(--oak-error-color-9);
--td-error-color-10: var(--oak-error-color-10);
--td-success-color-1: var(--oak-success-color-1);
--td-success-color-2: var(--oak-success-color-2);
--td-success-color-3: var(--oak-success-color-3);
--td-success-color-4: var(--oak-success-color-4);
--td-success-color-5: var(--oak-success-color-5);
--td-success-color-6: var(--oak-success-color-6);
--td-success-color-7: var(--oak-success-color-7);
--td-success-color-8: var(--oak-success-color-8);
--td-success-color-9: var(--oak-success-color-9);
--td-success-color-10: var(--oak-success-color-10);
--td-gray-color-1: var(--oak-gray-color-1);
--td-gray-color-2: var(--oak-gray-color-2);
--td-gray-color-3: var(--oak-gray-color-3);
--td-gray-color-4: var(--oak-gray-color-4);
--td-gray-color-5: var(--oak-gray-color-5);
--td-gray-color-6: var(--oak-gray-color-6);
--td-gray-color-7: var(--oak-gray-color-7);
--td-gray-color-8: var(--oak-gray-color-8);
--td-gray-color-9: var(--oak-gray-color-9);
--td-gray-color-10: var(--oak-gray-color-10);
--td-gray-color-11: var(--oak-gray-color-11);
--td-gray-color-12: var(--oak-gray-color-12);
--td-gray-color-13: var(--oak-gray-color-13);
--td-gray-color-14: var(--oak-gray-color-14);
--td-font-white-1: var(--oak-font-white-1);
--td-font-white-2: var(--oak-font-white-2);
--td-font-white-3: var(--oak-font-white-3);
--td-font-white-4: var(--oak-font-white-4);
--td-font-gray-1: var(--oak-font-gray-1);
--td-font-gray-2: var(--oak-font-gray-2);
--td-font-gray-3: var(--oak-font-gray-3);
--td-font-gray-4: var(--oak-font-gray-4);
--td-brand-color: var(--oak-brand-color);
--td-warning-color: var(--oak-warning-color);
--td-error-color: var(--oak-error-color);
--td-success-color: var(--oak-success-color);
--td-brand-color-hover: var(--oak-brand-color-hover);
--td-brand-color-focus: var(--oak-brand-color-focus);
--td-brand-color-active: var(--oak-brand-color-active);
--td-brand-color-disabled: var(--oak-brand-color-disabled);
--td-brand-color-light: var(--oak-brand-color-light);
--td-warning-color-hover: var(--oak-warning-color-hover);
--td-warning-color-focus: var(--oak-warning-color-focus);
--td-warning-color-active: var(--oak-warning-color-active);
--td-warning-color-disabled: var(--oak-warning-color-disabled);
--td-warning-color-light: var(--oak-warning-color-light);
--td-error-color-hover: var(--oak-error-color-hover);
--td-error-color-focus: var(--oak-error-color-focus);
--td-error-color-active: var(--oak-error-color-active);
--td-error-color-disabled: var(--oak-error-color-disabled);
--td-error-color-light: var(--oak-error-color-light);
--td-success-color-hover: var(--oak-success-color-hover);
--td-success-color-focus: var(--oak-success-color-focus);
--td-success-color-active: var(--oak-success-color-active);
--td-success-color-disabled: var(--oak-success-color-disabled);
--td-success-color-light: var(--oak-success-color-light);
--td-mask-active: var(--oak-mask-active);
--td-mask-disabled: var(--oak-mask-disabled);
--td-bg-color-page: var(--oak-bg-color-page);
--td-bg-color-container: var(--oak-bg-color-container);
--td-bg-color-container-hover: var(--oak-bg-color-container-hover);
--td-bg-color-container-active: var(--oak-bg-color-container-active);
--td-bg-color-container-select: var(--oak-bg-color-container-select);
--td-bg-color-secondarycontainer: var(--oak-bg-color-secondarycontainer);
--td-bg-color-secondarycontainer-hover: var(--oak--bg-color-secondarycontainer-hover);
--td-bg-color-secondarycontainer-active: var(--oak-bg-color-secondarycontainer-active);
--td-bg-color-component: var(--oak-bg-color-component);
--td-bg-color-component-hover: var(--oak-bg-color-component-hover);
--td-bg-color-component-active: var(--oak-bg-color-component-hover);
--td-bg-color-component-disabled: var(--oak-bg-color-component-disabled);
--td-bg-color-specialcomponent: var(--oak-bg-color-specialcomponent);
--td-text-color-primary: var(--oak-text-color-primary);
--td-text-color-secondary: var(--oak-text-color-secondary);
--td-text-color-placeholder: var(--oak-text-color-placeholder);
--td-text-color-disabled: var(--oak-text-color-disabled);
--td-text-color-anti: var(--oak-text-color-anti);
--td-text-color-brand: var(--oak-text-color-link);
--td-text-color-link: var(--oak-text-color-link);
--td-border-level-1-color: var(--oak-border-level-1-color);
--td-border-level-2-color: var(--oak-border-level-2-color);
--td-component-stroke: var(--oak-component-stroke);
--td-component-border: var(--oak-component-border);
--td-shadow-1: var(--oak-shadow-1);
--td-shadow-2: var(--oak-shadow-2);
--td-shadow-3: var(--oak-shadow-3);
--td-shadow-inset-top: var(--oak-shadow-inset-top);
--td-shadow-inset-right: var(--oak-shadow-inset-right);
--td-shadow-inset-bottom: var(--oak-shadow-inset-bottom);
--td-shadow-inset-left: var(--oak-shadow-inset-left);
--td-table-shadow-color: var(--oak-table-shadow-color);
--td-scrollbar-color: var(--oak-scrollbar-color);
--td-scrollbar-hover-color: var(--oak-scrollbar-hover-color);
--td-scroll-track-color: var(--oak-scroll-track-color);
}
:root {
--td-radius-small: var(--oak-radius-small);
--td-radius-default: var(--oak-radius-default);
--td-radius-medium: var(--oak-radius-medium);
--td-radius-large: var(--oak-radius-large);
--td-radius-extraLarge: var(--oak-radius-extraLarge);
--td-radius-round: var(--oak-radius-round);
--td-radius-circle: var(--oak-radius-circle);
}
:root {
--td-font-family: var(--oak-font-family);
--td-font-family-medium: var(--oak-font-family-medium);
--td-font-size-link-small: var(--oak-font-size-link-small);
--td-font-size-link-medium: var(--oak-font-size-link-medium);
--td-font-size-link-large: var(--oak-font-size-link-large);
--td-font-size-mark-small: var(--oak-font-size-mark-small);
--td-font-size-mark-medium: var(--oak-font-size-mark-medium);
--td-font-size-body-small: var(--oak-font-size-body-small);
--td-font-size-body-medium: var(--oak-font-size-body-medium);
--td-font-size-body-large: var(--oak-font-size-body-large);
--td-font-size-title-small: var(--oak-font-size-title-small);
--td-font-size-title-medium: var(--oak-font-size-title-medium);
--td-font-size-title-large: var(--oak-font-size-title-large);
--td-font-size-headline-small: var(--oak-font-size-headline-small);
--td-font-size-headline-medium: var(--oak-font-size-headline-medium);
--td-font-size-headline-large: var(--oak-font-size-headline-large);
--td-font-size-display-medium: var(--oak-font-size-display-medium);
--td-font-size-display-large: var(--oak-font-size-display-large);
--td-line-height-link-small: var(--oak-line-height-link-small);
--td-line-height-link-medium: var(--oak-line-height-link-medium);
--td-line-height-link-large: var(--oak-line-height-link-large);
--td-line-height-mark-small: var(--oak-line-height-mark-small);
--td-line-height-mark-medium: var(--oak-line-height-mark-medium);
--td-line-height-body-small: var(--oak-line-height-body-small);
--td-line-height-body-medium: var(--oak-line-height-body-medium);
--td-line-height-body-large: var(--oak-line-height-body-large);
--td-line-height-title-small: var(--oak-line-height-title-small);
--td-line-height-title-medium: var(--oak-line-height-title-medium);
--td-line-height-title-large: var(--oak-line-height-title-large);
--td-line-height-headline-small: var(--oak-line-height-headline-small);
--td-line-height-headline-medium: var(--oak-line-height-headline-medium);
--td-line-height-headline-large: var(--oak-line-height-headline-large);
--td-line-height-display-medium: var(--oak-line-height-display-medium);
--td-line-height-display-large: var(--oak-line-height-display-large);
--td-font-link-small: var(--oak-font-size-link-small) / var(--oak-line-height-link-small) var(--oak-font-family);
--td-font-link-medium: var(--oak-font-size-link-medium) / var(--oak-line-height-link-medium) var(--oak-font-family);
--td-font-link-large: var(--oak-font-size-link-large) / var(--oak-line-height-link-large) var(--oak-font-family);
--td-font-mark-small: 600 var(--oak-font-size-mark-small) / var(--oak-line-height-mark-small) var(--oak-font-family);
--td-font-mark-medium: 600 var(--oak-font-size-mark-medium) / var(--oak-line-height-mark-medium) var(--oak-font-family);
--td-font-body-small: var(--oak-font-size-body-small) / var(--oak-line-height-body-small) var(--oak-font-family);
--td-font-body-medium: var(--oak-font-size-body-medium) / var(--oak-line-height-body-medium) var(--oak-font-family);
--td-font-body-large: var(--oak-font-size-body-large) / var(--oak-line-height-body-large) var(--oak-font-family);
--td-font-title-small: 600 var(--oak-font-size-title-small) / var(--oak-line-height-title-small) var(--oak-font-family);
--td-font-title-medium: 600 var(--oak-font-size-title-medium) / var(--oak-line-height-title-medium) var(--oak-font-family);
--td-font-title-large: 600 var(--oak-font-size-title-large) / var(--oak-line-height-title-large) var(--oak-font-family);
--td-font-headline-small: 600 var(--oak-font-size-headline-small) / var(--oak-line-height-headline-small) var(--oak-font-family);
--td-font-headline-medium: 600 var(--oak-font-size-headline-medium) / var(--oak-line-height-headline-medium) var(--oak-font-family);
--td-font-headline-large: 600 var(--oak-font-size-headline-large) / var(--td2line-height-headline-large) var(--oak-font-family);
--td-font-display-medium: 600 var(--oak-font-size-display-medium) / var(--oak-line-height-display-medium) var(--oak-font-family);
--td-font-display-large: 600 var(--oak-font-size-display-large) / var(--oak-line-height-display-large) var(--oak-font-family);
}

View File

@ -1,9 +0,0 @@
@import '../common/style/index.less';
.@{prefix}-sticky {
position: relative;
&__content {
width: 100%;
}
}

View File

@ -12,7 +12,7 @@ function Render(props) {
onTabClick(key); onTabClick(key);
}, items: [ }, items: [
{ {
label: '系统概览', label: '域名概览',
key: 'detail', key: 'detail',
children: (0, jsx_runtime_1.jsx)("div", { children: "\u8BE6\u60C5" }), children: (0, jsx_runtime_1.jsx)("div", { children: "\u8BE6\u60C5" }),
}, },

View File

@ -40,7 +40,7 @@ export default function Render(
}} }}
items={[ items={[
{ {
label: '系统概览', label: '域名概览',
key: 'detail', key: 'detail',
children: <div></div>, children: <div></div>,
}, },