haiwei-skins-classics 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +72 -17
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,37 +1,92 @@
|
|
|
1
|
-
#
|
|
1
|
+
# HaiWei.Skins.Classics
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
HaiWei.Skins.Classics 是 HaiWei 前端框架的经典皮肤组件，提供优雅的界面风格和灵活的皮肤配置，为 HaiWei 应用提供统一的视觉体验。
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## 主要特性
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
### 🎨 经典设计风格
|
|
8
|
+
- **简洁优雅** - 采用经典的蓝白配色方案，界面简洁大方
|
|
9
|
+
- **专业稳重** - 适合企业级应用的专业界面风格
|
|
10
|
+
- **视觉舒适** - 精心设计的色彩搭配和间距布局
|
|
11
|
+
|
|
12
|
+
### 🎯 布局组件
|
|
13
|
+
- **头部导航** - 支持 Logo、菜单、用户信息等头部组件
|
|
14
|
+
- **侧边菜单** - 可折叠的侧边导航菜单
|
|
15
|
+
- **主内容区** - 灵活的内容展示区域
|
|
16
|
+
- **响应式设计** - 适配不同屏幕尺寸
|
|
17
|
+
|
|
18
|
+
### 🛠️ 皮肤配置
|
|
19
|
+
- **主题切换** - 支持多种主题颜色配置
|
|
20
|
+
- **自定义样式** - 可自定义 CSS 变量和样式覆盖
|
|
21
|
+
- **模块化样式** - 基于 Sass 的模块化样式架构
|
|
22
|
+
|
|
23
|
+
### 📦 集成使用
|
|
24
|
+
- **Vue 组件** - 基于 Vue 2.x 的组件化设计
|
|
25
|
+
- **HaiWei 框架集成** - 与 HaiWei.UI 框架无缝集成
|
|
26
|
+
- **独立使用** - 也可作为独立的皮肤组件使用
|
|
27
|
+
|
|
28
|
+
## 快速开始
|
|
29
|
+
|
|
30
|
+
### 环境要求
|
|
31
|
+
- Node.js >= 12.0.0
|
|
32
|
+
- npm >= 6.0.0
|
|
33
|
+
|
|
34
|
+
### 安装
|
|
35
|
+
```bash
|
|
36
|
+
npm install haiwei-skins-classics
|
|
9
37
|
```
|
|
10
38
|
|
|
39
|
+
### 使用
|
|
11
40
|
```js
|
|
12
41
|
import ClassicsSkin from 'haiwei-skins-classics'
|
|
13
42
|
|
|
43
|
+
// 在 HaiWei 应用中注册皮肤
|
|
14
44
|
WebHost.registerSkin(ClassicsSkin)
|
|
15
45
|
```
|
|
16
46
|
|
|
17
|
-
##
|
|
47
|
+
## 项目结构
|
|
48
|
+
|
|
49
|
+
```
|
|
50
|
+
haiwei-skins-classics/
|
|
51
|
+
├── src/ # 源码目录
|
|
52
|
+
│ ├── components/ # 皮肤组件
|
|
53
|
+
│ │ ├── header/ # 头部组件
|
|
54
|
+
│ │ ├── main/ # 主内容组件
|
|
55
|
+
│ │ └── menus/ # 菜单组件
|
|
56
|
+
│ ├── styles/ # 样式文件
|
|
57
|
+
│ │ ├── components/ # 组件样式
|
|
58
|
+
│ │ └── themes/ # 主题配置
|
|
59
|
+
│ └── store/ # 状态管理
|
|
60
|
+
├── dist/ # 构建输出
|
|
61
|
+
└── script/ # 构建脚本
|
|
62
|
+
```
|
|
18
63
|
|
|
19
|
-
|
|
64
|
+
## 可用脚本
|
|
20
65
|
|
|
66
|
+
- `npm run serve` - 启动开发服务器
|
|
67
|
+
- `npm run build` - 构建生产版本
|
|
68
|
+
- `npm run lint` - 代码规范检查
|
|
21
69
|
- `npm run i` - 使用淘宝镜像安装依赖
|
|
22
70
|
- `npm run up` - 使用淘宝镜像更新依赖
|
|
23
|
-
- `npm run pub` - 发布到 npm
|
|
24
|
-
- `npm run build` - 构建生产版本
|
|
25
|
-
- `npm run serve` - 启动开发服务器
|
|
71
|
+
- `npm run pub` - 发布到 npm
|
|
26
72
|
- `npm run cm` - 清理 node_modules 和 dist 目录
|
|
27
|
-
- `npm run cc` -
|
|
73
|
+
- `npm run cc` - 清理 npm 缓存
|
|
74
|
+
|
|
75
|
+
## 技术栈
|
|
76
|
+
|
|
77
|
+
- **前端框架**: Vue 2.x
|
|
78
|
+
- **样式预处理器**: Sass
|
|
79
|
+
- **构建工具**: Vue CLI
|
|
80
|
+
- **包管理**: npm
|
|
81
|
+
|
|
82
|
+
## 浏览器支持
|
|
83
|
+
|
|
84
|
+
支持现代浏览器和 IE11+。
|
|
28
85
|
|
|
29
|
-
##
|
|
86
|
+
## 许可证
|
|
30
87
|
|
|
31
|
-
|
|
32
|
-
Account: admin
|
|
33
|
-
Password: admin
|
|
88
|
+
ISC License
|
|
34
89
|
|
|
35
|
-
##
|
|
90
|
+
## 贡献
|
|
36
91
|
|
|
37
|
-
|
|
92
|
+
欢迎提交 Issue 和 Pull Request！
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "haiwei-skins-classics",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "HaiWei前端框架经典皮肤组件",
|
|
5
5
|
"author": "Eric",
|
|
6
|
-
"license": "
|
|
7
|
-
"main": "
|
|
6
|
+
"license": "ISC",
|
|
7
|
+
"main": "src/index.js",
|
|
8
8
|
"scripts": {
|
|
9
9
|
"serve": "vue-cli-service serve",
|
|
10
10
|
"build": "vue-cli-service build",
|