This commit is contained in:
parent
515d1bd8e5
commit
265ca083a1
|
|
@ -167,4 +167,184 @@
|
|||
--td-brand-color-6: var(--oak-brand-color-6);
|
||||
--td-brand-color-7: var(--oak-brand-color-7);
|
||||
--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);
|
||||
}
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
@import '../common/style/index.less';
|
||||
|
||||
.@{prefix}-sticky {
|
||||
position: relative;
|
||||
|
||||
&__content {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
@ -12,7 +12,7 @@ function Render(props) {
|
|||
onTabClick(key);
|
||||
}, items: [
|
||||
{
|
||||
label: '系统概览',
|
||||
label: '域名概览',
|
||||
key: 'detail',
|
||||
children: (0, jsx_runtime_1.jsx)("div", { children: "\u8BE6\u60C5" }),
|
||||
},
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@ export default function Render(
|
|||
}}
|
||||
items={[
|
||||
{
|
||||
label: '系统概览',
|
||||
label: '域名概览',
|
||||
key: 'detail',
|
||||
children: <div>详情</div>,
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue