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