update README.md
This commit is contained in:
parent
655802c479
commit
d1bb466152
21
LICENSE
Normal file
21
LICENSE
Normal file
@ -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
README.md
82
README.md
@ -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
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
## 功能点
|
||||||
|
|
||||||
页面|进度
|
页面|进度
|
||||||
---|---
|
---|---
|
||||||
@ -26,5 +86,19 @@
|
|||||||
-- 右侧菜单子页面|10%
|
-- 右侧菜单子页面|10%
|
||||||
-- 设置|☑
|
-- 设置|☑
|
||||||
-- -- 具体设置页面|0%
|
-- -- 具体设置页面|0%
|
||||||
登录\注册|☑
|
登录\注册|☑
|
||||||
|
|
||||||
|
## 问题反馈
|
||||||
|
|
||||||
|
移步Issues,欢迎提出问题和建议。
|
||||||
|
|
||||||
|
## MIT许可协议
|
||||||
|
|
||||||
|
[MIT](https://github.com/ttentau/douyin/blob/vue3-vite/LICENSE)
|
||||||
|
|
||||||
|
## 声明
|
||||||
|
|
||||||
|
本项目仅做技术交流和学习,请勿用于商业目的!
|
||||||
|
|
||||||
|
Copyright (c) 2021 ttentau
|
||||||
|
|
||||||
|
|||||||
@ -24,8 +24,8 @@
|
|||||||
"@vitejs/plugin-vue": "^1.9.3",
|
"@vitejs/plugin-vue": "^1.9.3",
|
||||||
"@vitejs/plugin-vue-jsx": "^1.2.0",
|
"@vitejs/plugin-vue-jsx": "^1.2.0",
|
||||||
"vite": "^2.6.4",
|
"vite": "^2.6.4",
|
||||||
"less": "^4.1.1",
|
"less": "4.1.1",
|
||||||
"less-loader": "^7.0.0",
|
"less-loader": "7.0.0",
|
||||||
"mobile-select": "^1.1.2"
|
"mobile-select": "^1.1.2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user