# esapp-puzzle

**Repository Path**: chenddcoder/esapp-puzzle

## Basic Information

- **Project Name**: esapp-puzzle
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-21
- **Last Updated**: 2025-06-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# QuickTVUI

QuickTVUI 是一个基于 Vue.js 和 Tailwind CSS 的 UI 框架，专为电视端应用设计。该项目提供了一系列组件和样式表，方便开发者快速搭建界面友好、响应迅速的电视应用。

## 特性

- **Tailwind CSS 支持**：提供了丰富的 Tailwind CSS 类，支持快速布局和样式设计。
- **Vue 组件**：包含多种常用组件，例如按钮（ArkButton）、分割线（ArkDivider）、选择器（ArkSelect）、音频播放器（ArkAudioPlayer）、视频播放器（ArkVideoPlayer）和对话框（ArkDialog）等。
- **构建工具**：提供了多种构建脚本，包括打包、开发服务器、样式转换等。
- **兼容电视端**：专为电视端优化，适配遥控器操作和大屏显示。

## 安装

确保你的系统上安装了 [Node.js](https://nodejs.org) 和 [npm](https://www.npmjs.com/)。

1. 克隆仓库：
   ```bash
   git clone <your-repo-url>
   cd quicktvui
   ```

2. 安装依赖：
   ```bash
   npm install
   ```

3. 开发环境启动：
   ```bash
   npm run dev
   ```

## 使用

### 开发模式
启动开发服务器：
```bash
npm run dev
```

### 构建生产环境
构建最终部署文件：
```bash
npm run build
```

### 打包
打包项目：
```bash
npm run pack
```

### 样式转换
使用 Webpack 构建 Android 平台的样式：
```bash
npm run webpack:android
```

## 文件结构

- `src/`: 源码目录，包含所有 Vue 组件和样式文件。
- `src/tailwindcss/`: Tailwind CSS 样式表，包含背景、边框、字体、间距等样式类。
- `src/components/`: Vue 组件目录，包括基础组件和布局组件。
- `scripts/`: 构建脚本，包括打包、样式转换等工具。

## 贡献

欢迎贡献代码！请确保提交的代码符合项目结构，并遵循 Tailwind CSS 和 Vue.js 的最佳实践。

## 许可证

该项目使用 MIT 许可证。有关详细信息，请参阅 [LICENSE](LICENSE) 文件。