zyronon
4 years ago
3 changed files with 117 additions and 66 deletions
@ -0,0 +1,75 @@ |
|||||||
|
### English | [简体中文](README.md) |
||||||
|
|
||||||
|
## Preview Demo |
||||||
|
|
||||||
|
### Notice:Please use Chrome phone mode to access the PC side |
||||||
|
|
||||||
|
### Notice:Preview your phone with Android Via browser. 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 |
||||||
|
|
||||||
|
[Online Demo](https://ttentau.github.io/ttentau/dy/) |
||||||
|
|
||||||
|
## 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). I believe that no matter what level of engineer you are, this project can help you. |
||||||
|
|
||||||
|
## 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 serve |
||||||
|
|
||||||
|
# Visit |
||||||
|
Chrome browser access http://localhost:8080 |
||||||
|
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) |
||||||
Loading…
Reference in new issue