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 等) **工具库**HTTP、日期、Token、Cookie 等)
**Vuex 状态管理** **Vuex 状态管理**
**路由守卫** **路由守卫**
**内置样式**base.less、animate.css、ivewExpand.less、iconfont
--- ---
@@ -93,6 +94,8 @@ import AdminFramework from 'admin-framework'
- 布局组件Main、ParentView - 布局组件Main、ParentView
- 登录和错误页面 - 登录和错误页面
- 工具库和 Store 模块 - 工具库和 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/ │ ├── api/
│ │ └── business/ # 你的业务 API │ │ └── business/ # 你的业务 API
│ ├── assets/ │ ├── assets/
│ │ ── css/ # 样式文件 │ │ ── images/ # 你的业务图片(框架样式已内置)
│ │ └── images/ # 图片
│ ├── config/ │ ├── config/
│ │ └── index.js # 配置文件 │ │ └── index.js # 配置文件
│ ├── libs/ │ ├── libs/
│ │ └── admin-framework.js # 框架文件 │ │ └── admin-framework.js # 框架文件(已包含所有样式)
│ ├── view/ │ ├── view/
│ │ └── business/ # 你的业务页面 │ │ └── business/ # 你的业务页面
│ ├── App.vue │ ├── App.vue
@@ -912,6 +940,10 @@ your-project/
└── webpack.config.js └── webpack.config.js
``` ```
**说明**
- 框架已内置所有系统样式,无需创建 `assets/css` 目录
- 只需要准备你自己的业务图片和业务样式(如有需要)
--- ---
## 📝 版本信息 ## 📝 版本信息