2026-07-11 23:13:10 +08:00
|
|
|
// =============================================================================
|
|
|
|
|
// 企微IT智能服务台 — 终端前端 Tailwind CSS 配置
|
|
|
|
|
// =============================================================================
|
|
|
|
|
// 说明：深色主题色板，大屏适配
|
|
|
|
|
// - 自定义颜色对应架构文档8.5节定义
|
|
|
|
|
// - 大字号断点（终端大屏专用）
|
|
|
|
|
// =============================================================================
|
|
|
|
|
|
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
|
|
|
export default {
|
|
|
|
|
content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
|
|
|
|
|
theme: {
|
|
|
|
|
extend: {
|
|
|
|
|
colors: {
|
|
|
|
|
// 深色主题色板（参考架构文档8.5节）
|
|
|
|
|
'bg-primary': '#1a1a2e', // 主背景
|
|
|
|
|
'bg-card': '#16213e', // 卡片背景
|
|
|
|
|
'bg-card-hover': '#1a2744', // 卡片悬停
|
|
|
|
|
'bg-input': '#0f1729', // 输入框背景
|
|
|
|
|
'status-free': '#07C160', // 空闲（企微绿）
|
|
|
|
|
'status-busy': '#FF6B6B', // 使用中（红色）
|
|
|
|
|
'status-soon': '#FFA502', // 即将开始（橙色）
|
|
|
|
|
'text-primary': '#FFFFFF', // 主文本
|
|
|
|
|
'text-secondary': '#A0A0B0', // 次要文本
|
|
|
|
|
'text-muted': '#5A5A6A', // 弱化文本
|
|
|
|
|
'border-subtle': '#2A2A3E', // 微妙边框
|
|
|
|
|
},
|
|
|
|
|
fontSize: {
|
|
|
|
|
// 大屏字号规范
|
|
|
|
|
'status-main': ['96px', '1'], // 当前状态主字号
|
|
|
|
|
'room-name': ['36px', '1.2'], // 会议室名称
|
|
|
|
|
'timeline': ['20px', '1.4'], // 时间轴
|
|
|
|
|
'button-text': ['24px', '1.2'], // 操作按钮
|
|
|
|
|
},
|
|
|
|
|
screens: {
|
2026-07-13 02:17:03 +08:00
|
|
|
// 移动端（手机竖屏）
|
|
|
|
|
'mobile': '480px',
|
|
|
|
|
// 平板
|
|
|
|
|
'tablet': '768px',
|
2026-07-11 23:13:10 +08:00
|
|
|
// 终端大屏分辨率
|
|
|
|
|
'terminal': '1920px',
|
|
|
|
|
},
|
|
|
|
|
animation: {
|
|
|
|
|
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
|
|
|
'fade-in': 'fadeIn 0.3s ease-in-out',
|
|
|
|
|
'slide-up': 'slideUp 0.3s ease-out',
|
|
|
|
|
},
|
|
|
|
|
keyframes: {
|
|
|
|
|
fadeIn: {
|
|
|
|
|
'0%': { opacity: '0' },
|
|
|
|
|
'100%': { opacity: '1' },
|
|
|
|
|
},
|
|
|
|
|
slideUp: {
|
|
|
|
|
'0%': { transform: 'translateY(20px)', opacity: '0' },
|
|
|
|
|
'100%': { transform: 'translateY(0)', opacity: '1' },
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
plugins: [],
|
|
|
|
|
}
|
