24024
af7c11d7f9
- 新增图像生成接口，支持试用、积分和自定义API Key模式 - 实现生成图片结果异步上传至MinIO存储，带重试机制 - 优化积分预扣除和异常退还逻辑，保障用户积分准确 - 添加获取生成历史记录接口，支持时间范围和分页 - 提供本地字典配置接口，支持模型、比例、提示模板和尺寸 - 实现图片批量上传接口，支持S3兼容对象存储 feat(admin): 增加管理员角色管理与权限分配接口 - 实现角色列表查询、角色创建、更新及删除功能 - 增加权限列表查询接口 - 实现用户角色分配接口，便于统一管理用户权限 - 增加系统字典增删查改接口，支持分类过滤和排序 - 权限控制全面覆盖管理接口，保证安全访问 feat(auth): 完善用户登录注册及权限相关接口与页面 - 实现手机号验证码发送及校验功能，保障注册安全 - 支持手机号注册、登录及退出接口，集成日志记录 - 增加修改密码功能，验证原密码后更新 - 提供动态导航菜单接口，基于权限展示不同菜单 - 实现管理界面路由及日志、角色、字典管理页面访问权限控制 - 添加系统日志查询接口，支持关键词和等级筛选 feat(app): 初始化Flask应用并配置蓝图与数据库 - 创建应用程序工厂，加载配置，初始化数据库和Redis客户端 - 注册认证、API及管理员蓝图，整合路由 - 根路由渲染主页模板 - 应用上下文中自动创建数据库表，保证运行环境准备完毕 feat(database): 提供数据库创建与迁移支持脚本 - 新增数据库创建脚本，支持自动检测是否已存在 - 添加数据库表初始化脚本，支持创建和删除所有表 - 实现RBAC权限初始化，包含基础权限和角色创建 - 新增字段手动修复脚本，添加用户API Key和积分字段 - 强制迁移脚本支持清理连接和修复表结构，初始化默认数据及角色分配 feat(config): 新增系统配置参数 - 配置数据库、Redis、Session和MinIO相关参数 - 添加AI接口地址及试用Key配置 - 集成阿里云短信服务配置及开发模式相关参数 feat(extensions): 初始化数据库、Redis和MinIO客户端 - 创建全局SQLAlchemy数据库实例和Redis客户端 - 配置基于boto3的MinIO兼容S3客户端 chore(logs): 添加示例系统日志文件 - 记录用户请求、验证码发送成功与失败的日志信息
131 lines
2.8 KiB
CSS
131 lines
2.8 KiB
CSS
:root {
|
|
--primary: #6366f1;
|
|
--primary-soft: rgba(99, 102, 241, 0.08);
|
|
--surface: #ffffff;
|
|
--background: #fcfdfe;
|
|
}
|
|
body {
|
|
font-family: 'Plus Jakarta Sans', 'Noto Sans SC', sans-serif;
|
|
background-color: var(--background);
|
|
color: #1e293b;
|
|
letter-spacing: -0.01em;
|
|
}
|
|
|
|
/* 布局装饰 */
|
|
.bg-mesh {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: -1;
|
|
background-image:
|
|
radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.03) 0px, transparent 50%),
|
|
radial-gradient(at 100% 100%, rgba(139, 92, 246, 0.03) 0px, transparent 50%);
|
|
}
|
|
|
|
/* 侧边栏玻璃拟态 */
|
|
.glass-sidebar {
|
|
background: rgba(255, 255, 255, 0.8);
|
|
backdrop-filter: blur(20px) saturate(180%);
|
|
}
|
|
|
|
.auth-overlay {
|
|
position: fixed;
|
|
inset: 0;
|
|
background: rgba(15, 23, 42, 0.6);
|
|
backdrop-filter: blur(8px);
|
|
z-index: 100;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.auth-card {
|
|
background: white;
|
|
width: 100%;
|
|
max-width: 400px;
|
|
padding: 2.5rem;
|
|
border-radius: 2.5rem;
|
|
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.custom-scrollbar::-webkit-scrollbar { width: 4px; }
|
|
.custom-scrollbar::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 10px; }
|
|
|
|
.btn-primary {
|
|
background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: white;
|
|
font-weight: bold;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.logo-box {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.image-frame {
|
|
background: #ffffff;
|
|
padding: 12px;
|
|
border-radius: 3rem;
|
|
box-shadow: 0 20px 50px -10px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
/* 现代化通知系统 */
|
|
.toast-container {
|
|
position: fixed;
|
|
top: 2rem;
|
|
right: 2rem;
|
|
z-index: 9999;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.toast {
|
|
background: white;
|
|
padding: 1rem 1.5rem;
|
|
border-radius: 1rem;
|
|
box-shadow: 0 10px 40px -10px rgba(0,0,0,0.2);
|
|
border-left: 4px solid #6366f1;
|
|
min-width: 300px;
|
|
max-width: 400px;
|
|
pointer-events: auto;
|
|
animation: slideInRight 0.3s ease-out;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.75rem;
|
|
}
|
|
|
|
.toast.success { border-left-color: #10b981; }
|
|
.toast.error { border-left-color: #ef4444; }
|
|
.toast.warning { border-left-color: #f59e0b; }
|
|
.toast.info { border-left-color: #3b82f6; }
|
|
|
|
@keyframes slideInRight {
|
|
from {
|
|
transform: translateX(400px);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes slideOutRight {
|
|
from {
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
transform: translateX(400px);
|
|
opacity: 0;
|
|
}
|
|
}
|