AI开发

短剧小程序技术方案

你是一名资深前端架构师与多端小程序专家。请使用 **最新技术栈：Vue 3（<script setup>） + uni-app + TailwindCSS（适配 uni-app，支持 rpx/px），从 0 到 1 设计并生成一个“短剧观看小程序”工程，要求可多端运行：TikTok 小程序为核心目标，同时可兼容 **微信小程序 / H5（以条件编译与适配层实现）。

1. 项目目标

• 开发TikTok小程序，支持多端，如TikTok、微信等多个平台

• 构建 TikTok 的短剧观看小程序，在TikTok运行的小程序

• 支持纵向滑动切换视频、自动连播、静音切换、按剧集选集

• 采用组件化、模块化、Hooks 化方式组织代码

2、技术栈

• 框架：Vue 3
• 多端：UniApp
• 状态管理：Pinia
• 样式：TailwindCSS
• 包管理：pnpm
• hooks：vueuse