# LED-Sign

**Repository Path**: wangkai000/led-sign

## Basic Information

- **Project Name**: LED-Sign
- **Description**:  演唱会LED举牌微信小程序，一款用于演唱会、活动现场的 LED 举牌工具，支持自定义文字、颜色、动态效果。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-21
- **Last Updated**: 2026-04-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# LED Sign - 演唱会LED举牌微信小程序

一款用于演唱会、活动现场的 LED 举牌工具，支持自定义文字、颜色、动态效果。

## 功能特性

- **10套预设模板** - 快速选择常用标语
- **文字自定义** - 支持自定义文字内容、字号、字体
- **颜色搭配** - 亮色文字 + 黑底，高对比度显示
- **动态效果** - 滚动方向/速度可调，闪烁效果
- **本地保存** - 保存常用模板，方便下次使用
- **全屏预览** - 沉浸式展示效果

## 技术栈

- **Taro 4.2.0** - 多端开发框架
- **React 18** - UI 框架
- **TypeScript** - 类型安全
- **Vite 4** - 构建工具（快速 HMR）
- **Zustand** - 状态管理

## 开发

```bash
# 安装依赖
npm install

# H5 开发模式
npm run dev:h5

# 微信小程序开发模式
npm run dev:weapp

# 构建 H5
npm run build:h5

# 构建微信小程序
npm run build:weapp
```

## 项目结构

```
src/
├── app.tsx              # 应用入口
├── app.config.ts        # 应用配置
├── app.css              # 全局样式
├── pages/
│   └── editor/          # 编辑器页面
│       ├── index.tsx    # 页面组件
│       ├── index.css    # 页面样式
│       └── index.config.ts
├── store/
│   └── editorStore.ts   # Zustand 状态管理
├── types/
│   └── global.d.ts      # 类型定义
└── utils/               # 工具函数
```

## 预设模板

1. 💖 我爱你
2. 🎉 生日快乐
3. 🎵 为你而来
4. ⭐ 最棒的
5. ❤️ 永远支持你
6. 🌟 星光璀璨
7. 🔥 燃烧吧
8. 💪 加油
9. 🎤 听你的歌
10. ✨ 闪闪发光

## 自定义选项

| 选项 | 说明 |
|------|------|
| 字号 | 48px - 120px |
| 字体 | 默认、粗体、斜体 |
| 文字颜色 | 8种亮色可选 |
| 滚动方向 | 左、右、上、下 |
| 滚动速度 | 慢、中、快 |
| 闪烁效果 | 开启/关闭 |

## License

MIT