# uniapp-douyin

**Repository Path**: learn_tool/uniapp-douyin

## Basic Information

- **Project Name**: uniapp-douyin
- **Description**: 跟着b站视频练习并实现抖音app的页面, 页面和代码参考,并作出对应的修改
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-27
- **Last Updated**: 2025-09-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# UniApp 视频应用

## 项目说明

这是一个使用 UniApp 框架开发的视频应用，集成了 Tailwind CSS 用于样式设计。

## 技术栈

- UniApp
- Tailwind CSS
- Vue3.js
- Element-Plus

## 项目运行

### 开发环境

1. 微信小程序开发：

   ```bash
   npm run dev:mp-weixin
   ```

2. H5 开发：

   ```bash
   npm run dev:h5
   ```

### 构建项目

1. 构建微信小程序：

   ```bash
   npm run build:mp-weixin
   ```

2. 构建 H5：

   ```bash
   npm run build:h5
   ```

## 常见问题

### Tailwind CSS 样式不生效

如果 Tailwind CSS 样式不生效，可以尝试以下解决方案：

1. 确保已经运行`npm run build:tailwind`命令生成最新的 Tailwind CSS 文件
2. 检查 App.vue 中是否正确导入了 Tailwind CSS 文件
3. 尝试使用内联样式或在 App.vue 中添加全局样式
4. 确保样式优先级足够高，可以添加`!important`标记