Browse Source

update README.md

pull/19/head
zyronon 4 years ago
parent
commit
d1bb466152
  1. 21
      LICENSE
  2. 82
      README.md
  3. 4
      package.json

21
LICENSE

@ -0,0 +1,21 @@ @@ -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

@ -1,8 +1,68 @@ @@ -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 @@ @@ -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
package.json

@ -24,8 +24,8 @@ @@ -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"
}
}

Loading…
Cancel
Save