# print-design

**Repository Path**: nightfury/print-design

## Basic Information

- **Project Name**: print-design
- **Description**: 通用打印模板设计器
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-18
- **Last Updated**: 2026-06-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 打印模板设计器 (Vue 3)

一个浏览器端可视化打印模板设计器。

## 主要功能

- 标准化组件（固定 JSON 结构）
- 左侧组件库拖拽
- 中间画布：移动、缩放、层级、删除、实时编辑
- 右侧属性面板（动态表单）
- 导出 / 导入 JSON（完整往返）
- 预览生成干净可打印 HTML

## 快速开始

```bash
npm install
npm run dev
```

打开浏览器即可使用。

## 基本操作

1. 从左侧拖拽组件到画布
2. 选中组件后可拖动、缩放、编辑右侧属性
3. 使用工具栏进行页面设置、缩放、层级、删除
4. 「保存 JSON」下载或复制模板
5. 「加载文件 / 从剪贴板」还原模板
6. 「预览」查看干净打印效果

## 核心 JSON 结构

详见 `docs/设计文档.md` 中的数据模型说明。

## 开发

- 组件注册表位于 `src/registry/`
- 新增组件类型见文档说明
- 所有组件位置/尺寸使用毫米 (mm) 作为内部单位

## 许可

MIT