NG-MATERO
GitHub
Extensions
Search…
zh
简介
开始使用
原理图
主题系统
配置布局
配置菜单
页面标题
颜色
样式辅助类
响应式布局
登录认证
权限管理
国际化
第三方库
Powered By
GitBook
主题系统
Ng-Matero 的主题系统提供了两种常用布局(
侧边栏导航布局
及
顶部导航布局
)、菜单服务、页面标题组件(面包屑组件)、常用辅助样式类等。
建议在项目初始化的时候选择一个固定的布局类型,尽量不要在项目启动后通过
options
去设置布局,除非你有特殊的需求。
Ng-Matero 的主题样式是基于 Sass 编写,所以使用者必须了解 Sass 的基础知识。主题样式目录如下:
1
├── theme
2
│ ├── style
3
│ │ ├── core
4
│ │ ├── functions
5
│ │ ├── mixins
6
│ │ ├── widgets
7
│ │ ├── _colors.scss
8
│ │ ├── _core.scss
9
│ │ ├── _functions.scss
10
│ │ ├── _mixins.scss
11
│ │ ├── _variables.scss
12
│ │ ├── _widgets.scss
13
│ │ └── theming.scss
Copied!
为了方便修改主题色系,
sidenav
和
topnav
使用了 mixin。
1
@mixin
matero-admin-theme
(
$theme
)
{
2
@include
matero-sidenav-theme
(
$theme
);
3
@include
matero-topnav-theme
(
$theme
);
4
}
Copied!
Previous
新增路由
Next
配置布局
Last modified
2yr ago
Copy link