Skip to content

Commit

Permalink
update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
zyronon committed Nov 3, 2021
1 parent 655802c commit d1bb466
Show file tree
Hide file tree
Showing 3 changed files with 101 additions and 6 deletions.
21 changes: 21 additions & 0 deletions LICENSE
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
MIT License

Copyright (c) 2021 ttentau

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
82 changes: 78 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,68 @@
<p align="center">
<img src="https://github.com/ttentau/douyin" alt="Star">
<a href="https://github.com/vuejs/vue">
<img src="https://img.shields.io/badge/Vue-2.6.10-brightgreen.svg" alt="Vue">
</a>
<a href="https://youzan.github.io/vant/#/zh-CN/intro">
<img src="https://img.shields.io/badge/Vant--UI-2.7.0-brightgreen.svg" alt="Vant-ui">
</a>
<img src="https://img.shields.io/badge/Node-8.9+-brightgreen.svg" alt="Vant-ui">
<a href="https://github.com/Geek-James">
<img src="https://img.shields.io/badge/build-passing-green.svg" alt="geekJames">
</a>
<a href="https://github.com/easy-mock/easy-mock">
<img src="https://img.shields.io/badge/EasyMock-1.6.0-brightgreen.svg" alt="easymock">
</a>
<a href="https://github.com/Geek-James/ddBuy/blob/master/LICENSE">
<img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
</a>
</p>

简体中文 | [English](https://github.com/ttentau/douyin/vue3-vite/README.en.md)

# 此代码仅供学习,请勿用于商业用途

# 使用 Vue 模仿抖音, 本项目持续更新
## 简介

**douyin** 是一个模仿抖音的移动端短视频项目,它基于 [vue 3](https://v3.cn.vuejs.org/),
[vite 2](https://cn.vitejs.dev/)
实现。使用了最新的Vue全家桶技术栈,后台数据通过[mock-js](http://mockjs.com)搭建。相信不管你是处于哪个段位的攻城狮,本项目都能帮助到你。

## 核心技术拆解

- 手机端抓包
- 首页无限滚动
- me页面滚动逻辑
- 通话进入和挂起动画

欢迎提Bug,如有新的需求和想法,欢迎 issue 和 pr

## 预览图

[在线预览地址](http://douyin.ttentau.top)

## 运行

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

# 进入项目目录
cd douyin

# 安装依赖
npm install

## 开发进度
# 启动服务
npm run serve

# 访问
Chrome浏览器访问 http://localhost:8080
Chrome切换成移动端模式快捷键,先按F12调出控制台,再按Ctrl+Shift+M

```

## 功能点

页面|进度
---|---
Expand All @@ -26,5 +86,19 @@
-- 右侧菜单子页面|10%
-- 设置|&#9745;
-- -- 具体设置页面|0%
登录\注册|&#9745;

登录\注册|&#9745;

## 问题反馈

移步Issues,欢迎提出问题和建议。

## MIT许可协议

[MIT](https://github.com/ttentau/douyin/blob/vue3-vite/LICENSE)

## 声明

本项目仅做技术交流和学习,请勿用于商业目的!

Copyright (c) 2021 ttentau

4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,8 @@
"@vitejs/plugin-vue": "^1.9.3",
"@vitejs/plugin-vue-jsx": "^1.2.0",
"vite": "^2.6.4",
"less": "^4.1.1",
"less-loader": "^7.0.0",
"less": "4.1.1",
"less-loader": "7.0.0",
"mobile-select": "^1.1.2"
}
}

0 comments on commit d1bb466

Please sign in to comment.