1
This commit is contained in:
38
完整使用文档.md
38
完整使用文档.md
@@ -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` 目录
|
||||
- 只需要准备你自己的业务图片和业务样式(如有需要)
|
||||
|
||||
---
|
||||
|
||||
## 📝 版本信息
|
||||
|
||||
Reference in New Issue
Block a user