Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/MoonCheung/zhihu-applet
仿知乎小程序基于Taro框架构建应用程序
https://github.com/MoonCheung/zhihu-applet
taro taro-ui
Last synced: about 1 month ago
JSON representation
仿知乎小程序基于Taro框架构建应用程序
- Host: GitHub
- URL: https://github.com/MoonCheung/zhihu-applet
- Owner: MoonCheung
- License: mit
- Created: 2019-07-27T15:54:10.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-07-05T09:06:37.000Z (over 4 years ago)
- Last Synced: 2024-08-02T19:33:00.352Z (4 months ago)
- Topics: taro, taro-ui
- Language: JavaScript
- Homepage:
- Size: 5.58 MB
- Stars: 40
- Watchers: 2
- Forks: 14
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-taro - 仿知乎小程序: Taro + Taro-UI + yapi API
README
# zhihu-applet
[![GitHub stars](https://img.shields.io/github/stars/MoonCheung/zhihu-applet?style=flat-square)](https://github.com/MoonCheung/zhihu-applet/stargazers)
[![GitHub issues](https://img.shields.io/github/issues/MoonCheung/zhihu-applet?style=flat-square)](https://github.com/MoonCheung/zhihu-applet/issues)
[![GitHub forks](https://img.shields.io/github/forks/MoonCheung/zhihu-applet?style=flat-square)](https://github.com/MoonCheung/zhihu-applet/network)
[![GitHub license](https://img.shields.io/github/license/MoonCheung/zhihu-applet?style=flat-square)](https://github.com/MoonCheung/zhihu-applet/blob/master/LICENSE)该仿知乎小程序基于 `Taro` + `Taro-UI` 进行构建应用程序开发
该仿知乎小程序的 API 接口数据来自 Mock 服务器([yapi](https://hellosean1025.github.io/yapi/))部署后能运行,而且页面代码来自[微信仿知乎小程序](https://github.com/gxt19940130/demos/tree/master/weChatApp)## 项目技术栈
前端技术: Taro + Taro-router
UI 组件库: Taro-ui
前端脚手架: Taro-cli该项目采用前后端分离技术,前端使用 Taro 二次开发来自 React 框架,暂时不使用相关状态管理,而且 API 接口从 Mock 服务器获取返回数据得到渲染,方便项目配置以及代码管理
## 实现功能
### 首页: 主要功能
- [x] 顶部切换标签页
- [x] 自定义下拉刷新
- [x] 触底上拉加载更多
- [x] 可复用搜索栏组件![首页](https://static.ikmoons.com/gif/%E9%A6%96%E9%A1%B5.gif)
### 想法: 主要功能
- [x] 顶部轮播图
- [x] 单个及全部关注
- [x] 滑动 tab 条吸顶
- [x] 文字超出被折叠![想法](https://static.ikmoons.com/gif/%E6%83%B3%E6%B3%95.gif)
### 市场: 主要功能
- [x] 顶部轮播图
- [x] 横向滑动图片列表
- [x] 触底上拉加载更多![市场](https://static.ikmoons.com/gif/%E9%A6%96%E9%A1%B5.gif)
### 消息: 主要功能
- [x] 滑动列表 tab 条吸顶
- [x] 从 Mock 返回假数据排版![消息](https://static.ikmoons.com/gif/%E6%B6%88%E6%81%AF.gif)
### 我的: 主要功能
- [x] 从 Mock 返回假数据排版
![我的](https://static.ikmoons.com/gif/%E6%88%91%E7%9A%84.gif)
## 执行命令
### installing
```bash
# 克隆项目
git clone https://github.com/MoonCheung/zhihu-applet.git# 进入目录
cd zhihu-applet# 执行yarn命令会进行安装
yarn
```### Run the application
```bash
# 指定平台的开发时构建微信小程序
yarn dev:weapp# 指定平台的打包构建
yarn build:weapp
```> Demo 用于学习交流, 喜欢的话,请点击`Star` ,转载请注明出处