webaddkevin / zhihu-applet

仿知乎小程序基于Taro框架构建应用程序

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 ,转载请注明出处