|
|
@@ -34,7 +34,6 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
|
|
|
// 例如
|
|
|
let menus = {
|
|
|
path: '/user', // 路由路径-若有children，则不需要该字段
|
|
|
- // name: 'user', // 页面名称，跟页面内的name属性要相同
|
|
|
meta: {
|
|
|
title: '用户管理', // 页面标签的标题
|
|
|
icon: 'user', // 菜单图标名称，要在@/icons/svg目录下能找到
|
|
|
@@ -45,7 +44,7 @@ let menus = {
|
|
|
children: [
|
|
|
{
|
|
|
path: '/user/staff', // path要完整的-若有children，则不需要该字段
|
|
|
- meta: { title: '员工管理', icon: 'user' },
|
|
|
+ meta: { title: '员工管理' }, // , icon: 'user' 若子菜单需要icon就加上
|
|
|
},
|
|
|
], // 子菜单，结构跟父菜单一样
|
|
|
};
|
|
|
@@ -133,21 +132,14 @@ windows.request(config)/get/post/...
|
|
|
|
|
|
- 在`@/main.js`目录下修改`MenusFromDB`配置即可，为`false`则使用`@/router/menu.js`中的模拟菜单配置。
|
|
|
|
|
|
-#### 4.修改样式
|
|
|
+#### 4.公共样式文件
|
|
|
|
|
|
- 全局样式都在`@/styles/`目录下。
|
|
|
- `frame`目录下是框架的样式，除了框架修改一般不建议修改；
|
|
|
- `components`目录下的`index.less`则是开发时各组件使用的共通样式。
|
|
|
- `common`目录下的`vant.less`是用来全局覆盖 antDesign-ui 中的样式，会影响所有对应的 antDesign-ui 组件，慎改。`variables.less`是定义需要的 css 变量；`index.less`用来写一些通用的样式。
|
|
|
|
|
|
-#### 5.使用图标组件
|
|
|
-
|
|
|
-- 若有新的阿里的`iconfont更新`，需要重新获取`在线链接`，更新`@/styles/index.js`中的`scriptUrl`值
|
|
|
-- 若是`antDesignUi中的图标`，使用<a-icon type="iconName"/>
|
|
|
-- 若是`阿里的iconfont`，使用<icon-font class="iconFont" type="iconName" />
|
|
|
-- 若需要修改图标颜色，需要加`!important`
|
|
|
-
|
|
|
-#### 6.使用变量样式
|
|
|
+#### 5.使用变量样式
|
|
|
|
|
|
- 变量样式文件位于`@/styles/common/variable.less`
|
|
|
|
|
|
@@ -159,3 +151,10 @@ windows.request(config)/get/post/...
|
|
|
}
|
|
|
</style>
|
|
|
```
|
|
|
+
|
|
|
+#### 6.使用图标组件
|
|
|
+
|
|
|
+- 若有新的阿里的`iconfont更新`，需要重新获取`在线链接`，更新`@/styles/index.js`中的`scriptUrl`值
|
|
|
+- 若是`antDesignUi中的图标`，使用<a-icon type="iconName"/>
|
|
|
+- 若是`阿里的iconfont`，使用<icon-font class="iconFont" type="iconName" />
|
|
|
+- 若需要修改图标颜色，需要加`!important`
|
yellowtaotao