Awesome
<!-- * @Description: my project * @Author: MoonCheung * @Github: https://github.com/MoonCheung * @Date: 2019-08-10 14:25:12 * @LastEditors: Please set LastEditors * @LastEditTime: 2020-07-05 00:07:13 -->zhihu-applet
该仿知乎小程序基于 Taro
+ Taro-UI
进行构建应用程序开发
该仿知乎小程序的 API 接口数据来自 Mock 服务器(yapi)部署后能运行,而且页面代码来自微信仿知乎小程序
项目技术栈
前端技术: Taro + Taro-router
UI 组件库: Taro-ui
前端脚手架: Taro-cli
该项目采用前后端分离技术,前端使用 Taro 二次开发来自 React 框架,暂时不使用相关状态管理,而且 API 接口从 Mock 服务器获取返回数据得到渲染,方便项目配置以及代码管理
实现功能
首页: 主要功能
- 顶部切换标签页
- 自定义下拉刷新
- 触底上拉加载更多
- 可复用搜索栏组件
想法: 主要功能
- 顶部轮播图
- 单个及全部关注
- 滑动 tab 条吸顶
- 文字超出被折叠
市场: 主要功能
- 顶部轮播图
- 横向滑动图片列表
- 触底上拉加载更多
消息: 主要功能
- 滑动列表 tab 条吸顶
- 从 Mock 返回假数据排版
我的: 主要功能
- 从 Mock 返回假数据排版
执行命令
installing
# 克隆项目
git clone https://github.com/MoonCheung/zhihu-applet.git
# 进入目录
cd zhihu-applet
# 执行yarn命令会进行安装
yarn
Run the application
# 指定平台的开发时构建微信小程序
yarn dev:weapp
# 指定平台的打包构建
yarn build:weapp
Demo 用于学习交流, 喜欢的话,请点击
Star
,转载请注明出处