This commit is contained in:
张成
2025-10-08 16:23:35 +08:00
parent 9d47927c63
commit eae1156548

View File

@@ -28,6 +28,7 @@
**工具库**HTTP、日期、Token、Cookie 等)
**Vuex 状态管理**
**路由守卫**
**内置样式**base.less、animate.css、ivewExpand.less、iconfont
---
@@ -93,6 +94,8 @@ import AdminFramework from 'admin-framework'
- 布局组件Main、ParentView
- 登录和错误页面
- 工具库和 Store 模块
- **所有样式文件**base.less、animate.css、ivewExpand.less
- **字体图标文件**iconfont
**只需准备**
```
@@ -888,6 +891,32 @@ export default {
}
```
### Q11: 需要单独引入样式文件吗?
A: **不需要!框架已内置所有样式。**
框架打包时已自动包含以下样式:
-`base.less` - 基础样式
-`animate.css` - 动画样式
-`ivewExpand.less` - ViewUI 扩展样式
-`iconfont.css` - 字体图标样式
**无需在项目中**
```javascript
// ❌ 不需要这些导入
import 'admin-framework/assets/css/base.less'
import 'admin-framework/assets/css/animate.css'
```
**只需引入框架即可**
```javascript
// ✅ 样式已自动包含
import AdminFramework from './libs/admin-framework.js'
Vue.use(AdminFramework, { ... })
```
框架使用时样式会自动注入到页面中,无需任何额外配置!
---
## 📦 完整的项目结构示例
@@ -898,12 +927,11 @@ your-project/
│ ├── api/
│ │ └── business/ # 你的业务 API
│ ├── assets/
│ │ ── css/ # 样式文件
│ │ └── images/ # 图片
│ │ ── images/ # 你的业务图片(框架样式已内置)
│ ├── config/
│ │ └── index.js # 配置文件
│ ├── libs/
│ │ └── admin-framework.js # 框架文件
│ │ └── admin-framework.js # 框架文件(已包含所有样式)
│ ├── view/
│ │ └── business/ # 你的业务页面
│ ├── App.vue
@@ -912,6 +940,10 @@ your-project/
└── webpack.config.js
```
**说明**
- 框架已内置所有系统样式,无需创建 `assets/css` 目录
- 只需要准备你自己的业务图片和业务样式(如有需要)
---
## 📝 版本信息