From eae1156548ea63ba282f75ae4b4e9378ca3dbd6b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E6=88=90?= Date: Wed, 8 Oct 2025 16:23:35 +0800 Subject: [PATCH] 1 --- 完整使用文档.md | 38 +++++++++++++++++++++++++++++++++++--- 1 file changed, 35 insertions(+), 3 deletions(-) diff --git a/完整使用文档.md b/完整使用文档.md index 7b537ac..66b11cc 100644 --- a/完整使用文档.md +++ b/完整使用文档.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` 目录 +- 只需要准备你自己的业务图片和业务样式(如有需要) + --- ## 📝 版本信息