haiwei-skins-classics/README.md

HaiWei前端框架经典皮肤组件

# HaiWei.Skins.Classics

HaiWei.Skins.Classics 是 HaiWei 前端框架的经典皮肤组件，提供优雅的界面风格和灵活的皮肤配置，为 HaiWei 应用提供统一的视觉体验。

## 主要特性

### 🎨 经典设计风格
- **简洁优雅** - 采用经典的蓝白配色方案，界面简洁大方
- **专业稳重** - 适合企业级应用的专业界面风格
- **视觉舒适** - 精心设计的色彩搭配和间距布局

### 🎯 布局组件
- **头部导航** - 支持 Logo、菜单、用户信息等头部组件
- **侧边菜单** - 可折叠的侧边导航菜单
- **主内容区** - 灵活的内容展示区域
- **响应式设计** - 适配不同屏幕尺寸

### 🛠️ 皮肤配置
- **主题切换** - 支持多种主题颜色配置
- **自定义样式** - 可自定义 CSS 变量和样式覆盖
- **模块化样式** - 基于 Sass 的模块化样式架构

### 📦 集成使用
- **Vue 组件** - 基于 Vue 2.x 的组件化设计
- **HaiWei 框架集成** - 与 HaiWei.UI 框架无缝集成
- **独立使用** - 也可作为独立的皮肤组件使用

## 快速开始

### 环境要求
- Node.js >= 12.0.0
- npm >= 6.0.0

### 安装
```bash
npm install haiwei-skins-classics
```

### 使用
```js
import ClassicsSkin from 'haiwei-skins-classics'

// 在 HaiWei 应用中注册皮肤
WebHost.registerSkin(ClassicsSkin)
```

## 项目结构

```
haiwei-skins-classics/
├── src/                    # 源码目录
│   ├── components/         # 皮肤组件
│   │   ├── header/         # 头部组件
│   │   ├── main/           # 主内容组件
│   │   └── menus/          # 菜单组件
│   ├── styles/             # 样式文件
│   │   ├── components/     # 组件样式
│   │   └── themes/         # 主题配置
│   └── store/              # 状态管理
├── dist/                   # 构建输出
└── script/                 # 构建脚本
```

## 可用脚本

- `npm run serve` - 启动开发服务器
- `npm run build` - 构建生产版本
- `npm run lint` - 代码规范检查
- `npm run i` - 使用淘宝镜像安装依赖
- `npm run up` - 使用淘宝镜像更新依赖
- `npm run pub` - 发布到 npm
- `npm run cm` - 清理 node_modules 和 dist 目录
- `npm run cc` - 清理 npm 缓存

## 技术栈

- **前端框架**: Vue 2.x
- **样式预处理器**: Sass
- **构建工具**: Vue CLI
- **包管理**: npm

## 浏览器支持

支持现代浏览器和 IE11+。

## 许可证

ISC License

## 贡献

欢迎提交 Issue 和 Pull Request！