# Bricks 微信小程序 - 设计文档

## 架构
JSON → BricksParser → setData → WXML 递归模板 → 小程序原生渲染

## 核心文件
- `utils/parser.js` - JSON 解析引擎
- `utils/http.js` - wx.request 封装
- `utils/renderer.js` - 事件分发
- `components/brick/brick.wxml` - 递归模板 (template is="brick")
- `pages/bricks/bricks.js` - 页面入口

## 组件映射
| Bricks Widget | 小程序组件 |
|--------------|----------|
| Text/Title1-6 | `<text class="title-N">` |
| HBox/VBox | `<view class="flex-row/flex-col">` |
| Filler | `<view class="flex-fill">` |
| KeyinText/Input | `<input>` |
| Image | `<image>` |
| Running | `<loading>` |
| VScrollPanel/HScrollPanel | `<scroll-view scroll-y/x>` |
| Modal/Popup | `<view class="modal-overlay">` |

## 事件系统
- urlwidget → wx.navigateTo
- method → Page 方法调用
- event → bindtap/catchtap
- script → wx.request 服务端 RPC

## 限制
- 包体积 2MB → 分包加载
- WXML 不支持 innerHTML → 用 template 递归
- Markdown/Html → 需引入 mp-html 插件