mirror of
https://gitee.com/mirrors/AllinSSL.git
synced 2026-03-18 12:08:49 +08:00
【同步】前端项目源码
【修复】工作流兼容问题
This commit is contained in:
71
frontend/packages/vue/naive-ui/src/theme/bak/baota/index.tsx
Normal file
71
frontend/packages/vue/naive-ui/src/theme/bak/baota/index.tsx
Normal file
@@ -0,0 +1,71 @@
|
||||
import type { ThemeTemplate, PresetConfig } from '../../types'
|
||||
import './style.css'
|
||||
|
||||
// 预设参数配置,用于预设视图组件的相关参数
|
||||
const presets: PresetConfig = {
|
||||
Modal: {
|
||||
preset: 'card',
|
||||
},
|
||||
}
|
||||
|
||||
// 宝塔亮色主题
|
||||
const baotaLight: ThemeTemplate = {
|
||||
name: 'baotaLight',
|
||||
type: 'light',
|
||||
title: '宝塔亮色主题',
|
||||
themeOverrides: {
|
||||
Layout: {
|
||||
color: '#f9fafb',
|
||||
},
|
||||
common: {
|
||||
primaryColor: '#20a53a',
|
||||
fontSize: '12px',
|
||||
fontWeight: '400',
|
||||
},
|
||||
Dialog: {
|
||||
titleTextColor: '#333',
|
||||
titleFontSize: '14px',
|
||||
titleFontWeight: '400',
|
||||
titlePadding: '12px 16px',
|
||||
iconSize: '0px',
|
||||
padding: '0px',
|
||||
fontSize: '12px',
|
||||
closeMargin: '10px 12px',
|
||||
border: '1px solid #d9d9d9',
|
||||
},
|
||||
Card: {
|
||||
titleFontSizeMedium: '14px',
|
||||
titleFontWeightMedium: '400',
|
||||
titlePaddingMedium: '12px 16px',
|
||||
border: '1px solid #d9d9d9',
|
||||
padding: '0px',
|
||||
actionColor: '#20a53a',
|
||||
},
|
||||
|
||||
Button: {
|
||||
fontSizeSmall: '12px',
|
||||
fontSizeMedium: '12px',
|
||||
paddingMedium: '8px 16px',
|
||||
heightMedium: '32px',
|
||||
},
|
||||
DataTable: {
|
||||
thPaddingMedium: '8px',
|
||||
fontSizeMedium: '12px',
|
||||
thFontWeight: '400',
|
||||
},
|
||||
Table: {
|
||||
thPaddingMedium: '8px',
|
||||
fontSizeMedium: '12px',
|
||||
thFontWeight: '400',
|
||||
},
|
||||
Tabs: {
|
||||
navBgColor: '#fff',
|
||||
navActiveBgColor: '#eaf8ed',
|
||||
barColor: '#20a53a',
|
||||
tabFontWeightActive: '400',
|
||||
},
|
||||
},
|
||||
presetsOverrides: presets,
|
||||
}
|
||||
|
||||
export { baotaLight }
|
||||
51
frontend/packages/vue/naive-ui/src/theme/bak/baota/style.css
Normal file
51
frontend/packages/vue/naive-ui/src/theme/bak/baota/style.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* 变量配置 */
|
||||
:root[class='baotaLight'] {
|
||||
--n-dialog-title-padding: 0 10px 0 18px; /* 对话框标题内边距 */
|
||||
--n-dialog-title-height: 40px; /* 对话框标题高度 */
|
||||
--n-dialog-content-padding: 20px 12px; /* 对话框内容内边距 */
|
||||
--n-dialog-action-bg: #f0f0f0; /* 对话框标题背景色 */
|
||||
--n-dialog-action-padding: 8px 16px; /* 对话框操作按钮内边距 */
|
||||
--bt-card-bg-color: #fff; /* tab卡片背景色 */
|
||||
--bt-card-bg-color-active: #eaf8ed; /* tab卡片背景色-激活 */
|
||||
}
|
||||
|
||||
:root[class='baotaDark'] {
|
||||
--n-dialog-title-color: #eee; /* 对话框标题文字颜色 */
|
||||
--n-dialog-action-bg: #333; /* 对话框标题背景色 */
|
||||
--n-dialog-border: 1px solid #333; /* 对话框标题下边框 */
|
||||
--bt-card-bg-color: #18181c; /* tab卡片背景色 */
|
||||
--bt-card-bg-color-active: #1e2720; /* tab卡片背景色-激活 */
|
||||
}
|
||||
|
||||
/* ------------------------------对话框--------------------------------- */
|
||||
|
||||
/* 对话框/模态框标题 */
|
||||
.n-dialog .n-dialog__title,
|
||||
.n-modal .n-card-header {
|
||||
padding: var(--n-dialog-title-padding) !important;
|
||||
background-color: var(--n-dialog-action-bg);
|
||||
color: var(--n-dialog-title-color);
|
||||
border-bottom: var(--n-dialog-border);
|
||||
height: var(--n-dialog-title-height);
|
||||
border-top-right-radius: var(--n-border-radius);
|
||||
border-top-left-radius: var(--n-border-radius);
|
||||
}
|
||||
|
||||
/* 对话框/模态框内容 */
|
||||
.n-dialog .n-dialog__content,
|
||||
.n-modal .n-card__content {
|
||||
margin: 0;
|
||||
padding: var(--n-dialog-content-padding);
|
||||
}
|
||||
|
||||
/* 对话框操作按钮 */
|
||||
.n-dialog .n-dialog__action,
|
||||
.n-modal .n-card__footer {
|
||||
border-top: var(--n-dialog-border);
|
||||
padding: var(--n-dialog-action-padding);
|
||||
background-color: var(--n-dialog-action-bg);
|
||||
border-bottom-left-radius: var(--n-border-radius);
|
||||
border-bottom-right-radius: var(--n-border-radius);
|
||||
}
|
||||
|
||||
/* 对话框-END */
|
||||
@@ -0,0 +1,20 @@
|
||||
import type { ThemeTemplate, PresetConfig } from '../../types'
|
||||
import './style.css'
|
||||
|
||||
// 预设变量,用于继承预设主题
|
||||
const presets: PresetConfig = {
|
||||
Modal: {
|
||||
preset: 'card',
|
||||
},
|
||||
}
|
||||
|
||||
// 暗色主题
|
||||
const goldDark: ThemeTemplate = {
|
||||
name: 'darkGold',
|
||||
type: 'dark',
|
||||
title: '暗金主题',
|
||||
themeOverrides: {},
|
||||
presetsOverrides: presets, // 预设变量
|
||||
}
|
||||
|
||||
export { goldDark }
|
||||
@@ -0,0 +1,4 @@
|
||||
/* Dark Theme */
|
||||
:root[class='darkGold'] {
|
||||
/* Empty light theme styles */
|
||||
}
|
||||
Reference in New Issue
Block a user