84 lines
2.7 KiB
Markdown
84 lines
2.7 KiB
Markdown
### English | [简体中文](README.md)
|
||
|
||
## Preview Demo
|
||
[Online Demo](http://douyin.ttentau.top/)
|
||
|
||
### Note: Please use mobile mode of Chrome browser to access the PC side. To switch Chrome to mobile mode, press F12 to bring up the console, then Ctrl+Shift+M
|
||
### Note: For Android phones please use [Via mobile browser](https://viayoo.com/zh-cn/) or Chrome mobile version preview. When other browsers detect a video on the page, they force the video to be in full screen and display the control button. As a result, both css and js are invalid
|
||
<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>
|
||
|
||
## Introduction
|
||
|
||
**Douyin** is a mobile short video project imitating Tiktok，It is based on [vue 3](https://v3.cn.vuejs.org/),
|
||
[vite 2](https://cn.vitejs.dev/)
|
||
implementation。
|
||
The latest Vue family bucket technology stack is used, and the background data is built through [mock-js](http://mockjs.com).
|
||
|
||
## Function point
|
||
|
||
Page | Progress
|
||
--------------|---------
|
||
Home | 50%
|
||
-- Music | ☑
|
||
-- 抖音音乐榜 | ☑
|
||
-- Search | 50%
|
||
-- Live | 50%
|
||
Friend | 0%
|
||
Message | ☑
|
||
-- Chat | ☑
|
||
-- 各种通知 | ☑
|
||
Me | 90%
|
||
-- 求更新 | ☑
|
||
-- 关注和粉丝 | ☑
|
||
-- 编辑资料 | ☑
|
||
-- Add friend | ☑
|
||
-- My music | ☑
|
||
-- Shop | 0
|
||
-- 收藏视频\音乐 | ☑
|
||
-- 右侧菜单子页面 | 10%
|
||
-- Setting | ☑
|
||
-- -- 具体设置页面 | 0%
|
||
Sign in\Sign up | ☑
|
||
|
||
## How to start
|
||
|
||
```bash
|
||
# Clone the project to local
|
||
git clone https://github.com/zyronon/douyin.git
|
||
|
||
# Enter the project directory
|
||
cd douyin
|
||
|
||
# Install dependencies
|
||
npm install
|
||
|
||
# Start the service
|
||
npm run dev
|
||
|
||
# Visit
|
||
Chrome browser access http://localhost:5173
|
||
Chrome switches to mobile mode by pressing F12 to bring up the console, then Ctrl+Shift+M
|
||
|
||
```
|
||
|
||
## Contribution
|
||
|
||
Feel free to contribute by opening issues with any questions, bug reports or feature requests.
|
||
|
||
## Get in touch
|
||
|
||
You can reach us at <a href="mailto:zyronon@163.com">zyronon@163.com</a>
|
||
|
||
## License
|
||
|
||
[MIT](LICENSE)
|