2.7 KiB
2.7 KiB
English | 简体中文
Preview Demo
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 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
Introduction
Douyin is a mobile short video project imitating Tiktok，It is based on vue 3, vite 2 implementation。 The latest Vue family bucket technology stack is used, and the background data is built through mock-js.
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
# 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 zyronon@163.com