### 简体中文 | [English](README-en-US.md)

## 预览

[在线预览DEMO](https://ttentau.github.io/ttentau/dy/)

#### 注意：电脑端请用Chrome浏览器的手机模式访问。Chrome切换成手机模式快捷键，先按F12调出控制台，再按Ctrl+Shift+M

#### 注意：安卓手机请用[Via手机浏览器](https://viayoo.com/zh-cn/)或者Chrome浏览器手机版本预览。其他浏览器检测到页面内有视频会强制将视频全屏，并显示控制按钮，导致css和js都失效

<div style="text-align:center">
<img width="180px"    src='http://www.ttentau.top/dy/imgs/0.png' />
<img width="180px"   src='http://www.ttentau.top/dy/imgs/1.png' />
<img width="180px"   src='http://www.ttentau.top/dy/imgs/6.png' />
<img width="180px"    src='http://www.ttentau.top/dy/imgs/3.png' />
<img width="180px"    src='http://www.ttentau.top/dy/imgs/2.png' />
<img width="180px"   src='http://www.ttentau.top/dy/imgs/8.png' />
<img width="180px"    src='http://www.ttentau.top/dy/imgs/9.png' />
<img width="180px"    src='http://www.ttentau.top/dy/imgs/11.png' />
</div>

## 简介

**douyin** 是一个模仿抖音的移动端短视频项目，它基于 [Vue 3](https://v3.cn.vuejs.org/),
[Vite](https://cn.vitejs.dev/)
实现。使用了最新的Vue全家桶技术栈，后台数据通过[mock-js](http://mockjs.com)搭建

## 效果截图

## 功能点

 页面           | 进度      
--------------|---------
 首页           | 50%     
 -- 音乐        | &#9745; 
 -- 抖音音乐榜     | &#9745; 
 -- 搜索        | 50%     
 -- 直播        | 50%     
 朋友           | 0%      
 消息           | &#9745; 
 -- 聊天        | &#9745; 
 -- 各种通知      | &#9745; 
 我            | 90%     
 -- 求更新       | &#9745; 
 -- 关注和粉丝     | &#9745; 
 -- 编辑资料      | &#9745; 
 -- 添加朋友      | &#9745; 
 -- 我的音乐      | &#9745; 
 -- 抖音商城      | 0       
 -- 收藏视频\音乐   | &#9745; 
 -- 右侧菜单子页面   | 10%     
 -- 设置        | &#9745; 
 -- -- 具体设置页面 | 0%      
 登录\注册        | &#9745; 

## 运行

```bash
# 克隆项目到本地
git clone https://github.com/zyronon/douyin.git

# 进入项目目录
cd douyin

# 安装依赖
npm install

# 启动服务
npm run dev

# 访问
Chrome浏览器访问 http://localhost:5173
Chrome切换成手机模式快捷键，先按F12调出控制台，再按Ctrl+Shift+M

```

## 问题反馈

如果有任何问题、错误报告或功能请求，请随时提出Issues。

## 联系我

您可以联系我的邮箱 <a href="mailto:zyronon@163.com">zyronon@163.com</a>

## MIT许可协议

[MIT](LICENSE)