# 开发 mm Template 主题模板

## 规则（Rules）

- 主题模板位于 `static/template/{主题名}/` 下
- 每个主题包含 `template.json` + 视图模板文件（.html）
- 主题可自定义样式、颜色方案和布局

## 方法（Methods）

### 步骤1：创建目录结构

```
static/template/{主题名}/
├── template.json
├── index.html
├── css/
├── js/
└── img/
```

### 步骤2：编写 template.json

```json
{
    "name": "my_theme",
    "title": "我的主题",
    "description": "主题描述",
    "version": "1.0",
    "author": "作者名",
    "state": 1
}
```

### 步骤3：编写视图模板

使用框架模板语法创建页面。模板语法说明见常识知识中的模板引擎语法表（变量输出 `${viewBag.xxx}`、条件 `<!--{ if }-->`、循环 `<!--{ loop }-->` 等）。

### 步骤4：注册主题

在 App 的 _init 中注册：

```javascript
$.template = $.admin.template('app名', '主题标题');
await $.template.call('update', 'static/template/');
```

## 技巧（Tips）

- 支持多颜色方案，目录结构：`static/template/{主题名}/style/{颜色}/`
- 嵌入子视图：`${@view('./xxx.html')}`
- CSS 框架类名：`mm_warp`、`mm_container`、`mm_row`、`mm_col`、`mm_card` 等