浅念
ab4f40ba5d
- 克隆 art-design-pro v3.0.2（GitHub depth1），rm .git，pnpm clean:dev 精简演示页（92 文件） - .env.development/.env.production 均设 VITE_API_URL=/api，代理目标 127.0.0.1:8000（移除 Apifox Mock） - http 封装信封适配：code===200 解包 data；msg/message 字段兼容（拦截器/error/类型） - /api/admin/auth/token 登录适配（access->Bearer token, refresh->refreshToken）；/api/admin/auth/me 映射 UserInfo（userName/roles/is_admin） - 登录页演示账号替换为真实 admin；logOut 按路由名判登录页修复 redirect 嵌套 - 根 .gitignore 补 !admin/.env（模板公共 env 非密钥，需入库） - 验证：Playwright 全链路（错误密码 401 留登页/正确登录进工作台/登出/受保护路由重定向/redirect 回跳）+ pnpm build（vue-tsc 通过，产物无 mock 域名） Co-Authored-By: Claude Code <noreply@anthropic.com>
94 lines
2.5 KiB
SCSS
94 lines
2.5 KiB
SCSS
/*
|
|
* 深色主题
|
|
* 单页面移除深色主题 document.getElementsByTagName("html")[0].removeAttribute('class')
|
|
*/
|
|
|
|
$font-color: rgba(#ffffff, 0.85);
|
|
|
|
/* 覆盖element-plus默认深色背景色 */
|
|
html.dark {
|
|
// element-plus
|
|
--el-bg-color: var(--default-box-color);
|
|
--el-text-color-regular: #{$font-color};
|
|
|
|
// 富文本编辑器
|
|
// 工具栏背景颜色
|
|
--w-e-toolbar-bg-color: #18191c;
|
|
// 输入区域背景颜色
|
|
--w-e-textarea-bg-color: #090909;
|
|
// 工具栏文字颜色
|
|
--w-e-toolbar-color: var(--art-gray-600);
|
|
// 选中菜单颜色
|
|
--w-e-toolbar-active-bg-color: #25262b;
|
|
// 弹窗边框颜色
|
|
--w-e-toolbar-border-color: var(--default-border-dashed);
|
|
// 分割线颜色
|
|
--w-e-textarea-border-color: var(--default-border-dashed);
|
|
// 链接输入框边框颜色
|
|
--w-e-modal-button-border-color: var(--default-border-dashed);
|
|
// 表格头颜色
|
|
--w-e-textarea-slight-bg-color: #090909;
|
|
// 按钮背景颜色
|
|
--w-e-modal-button-bg-color: #090909;
|
|
// hover toolbar 背景颜色
|
|
--w-e-toolbar-active-color: var(--art-gray-800);
|
|
}
|
|
|
|
.dark {
|
|
.page-content .article-list .item .left .outer > div {
|
|
border-right-color: var(--dark-border-color) !important;
|
|
}
|
|
|
|
// 富文本编辑器
|
|
.editor-wrapper {
|
|
*:not(pre code *) {
|
|
color: inherit !important;
|
|
}
|
|
}
|
|
// 分隔线
|
|
.w-e-bar-divider {
|
|
background-color: var(--art-gray-300) !important;
|
|
}
|
|
|
|
.w-e-select-list,
|
|
.w-e-drop-panel,
|
|
.w-e-bar-item-group .w-e-bar-item-menus-container,
|
|
.w-e-text-container [data-slate-editor] pre > code {
|
|
border: 1px solid var(--default-border) !important;
|
|
}
|
|
|
|
// 下拉选择框
|
|
.w-e-select-list {
|
|
background-color: var(--default-box-color) !important;
|
|
}
|
|
|
|
/* 下拉选择框 hover 样式调整 */
|
|
.w-e-select-list ul li:hover,
|
|
/* 工具栏 hover 按钮背景颜色 */
|
|
.w-e-bar-item button:hover {
|
|
background-color: #090909 !important;
|
|
}
|
|
|
|
/* 代码块 */
|
|
.w-e-text-container [data-slate-editor] pre > code {
|
|
background-color: #25262b !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
/* 引用 */
|
|
.w-e-text-container [data-slate-editor] blockquote {
|
|
border-left: 4px solid var(--default-border-dashed) !important;
|
|
background-color: var(--art-color);
|
|
}
|
|
|
|
.editor-wrapper {
|
|
.w-e-text-container [data-slate-editor] .table-container th:last-of-type {
|
|
border-right: 1px solid var(--default-border-dashed) !important;
|
|
}
|
|
|
|
.w-e-modal {
|
|
background-color: var(--art-color);
|
|
}
|
|
}
|
|
}
|