抖音小程序 - 知识付费

功能介绍

这是一套原生抖音小程序纯前端源码，围绕知识付费课程业务设计，包含首页推荐、课程分类、课程详情、收藏课程、模拟下单、模拟支付、学习进度、课程笔记、订单管理、个人中心和本地设置等功能。

项目不调用真实接口，所有数据写在本地 mock 数据中，通过封装的模拟接口完成增删改查，适合课程售卖、在线学习、内容付费、项目演示和二次开发参考。

使用场景

• 知识付费课程展示小程序

• 在线课程售卖演示项目

• 纯前端抖音小程序学习案例

• 本地 mock 接口 CRUD 功能演示

• 小程序 UI 界面展示和二次改造

界面与交互

• 自定义顶部导航，首页右侧不放额外内容，保留抖音原生胶囊按钮

• 底部导航包含首页、课程、学习、我的

• 课程卡片固定双列布局，适配不同尺寸手机

• 课程详情使用渐变头图、价格卡片和课程大纲

• 学习页支持课程切换、进度展示、笔记新增和删除

• 个人中心包含订单、收藏课程、学习设置和缓存重置

交付内容

• 原生抖音小程序项目源码 zip

• 项目标题 txt

• 源码摘要 txt

• 商品详情介绍 md

技术说明

• 原生抖音小程序开发

• 纯前端项目，无真实 API 请求

• 本地 JSON/mock 数据模拟接口调用

• 支持模拟增删改查

• 未使用 scroll-view 组件

• 使用本地图标资源

• 编码格式为 UTF-8