# 绘本小程序

**Repository Path**: share_knowledge/picture-book-mini-program

## Basic Information

- **Project Name**: 绘本小程序
- **Description**: uniapp绘本小程序开发。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 13
- **Forks**: 15
- **Created**: 2023-10-09
- **Last Updated**: 2025-08-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 绘本小程序开发

2023.09.16-2023.10-05。小程序功能已完全实现，图标素材未替换。

甲方原因，小程序未上架。

## 页面

### 中文绘本、英文绘本

**页面功能：**
1. 跳转搜索页面
2. 视频图片轮播、跳转
3. 绘本集展示、置顶、删除、跳转

<img src="./rendering/1.png" alt="w" style="zoom:50%;" /> 
<img src="./rendering/5.png" alt="w" style="zoom:50%;" /> 

### 绘本展示

**页面功能：**
1. 排序
2. 绘本展示、删除、跳转

<img src="./rendering/2.png" alt="w" style="zoom:50%;" /> 

### 阅读绘本

**页面功能：**
1. 设置：自动阅读下一页、播放倍速、自动播放、横竖屏等。
2. 绘本页切换
3. 收藏、翻译、切换方式
4. 播放控制、录音

<img src="./rendering/3.png" alt="w" style="zoom:50%;" /> 

### 搜索页面

**页面功能：**

1. 搜索 绘本集展示、跳转

<img src="./rendering/4.png" alt="w" style="zoom:50%;" /> 

### 学习打卡

**页面功能：**

1. 启蒙、我的配音、磨耳朵跳转
2. 打卡
3. 今日阅读展示

<img src="./rendering/6.png" alt="w" style="zoom:50%;" /> 

### 打卡

**页面功能：**

1. 打卡展示

<img src="./rendering/7.png" alt="w" style="zoom:50%;" /> 


### 磨耳朵

**页面功能：**

1. 类型切换
2. 绘本展示
3. 收藏、播放

<img src="./rendering/8.png" alt="w" style="zoom:50%;" /> 
<img src="./rendering/9.png" alt="w" style="zoom:50%;" /> 

### 我的

**页面功能：**

1. 个人资料展示
2. 功能跳转

<img src="./rendering/10.png" alt="w" style="zoom:50%;" /> 

### 我的录音

**页面功能：**

1. 录音展示、跳转

<img src="./rendering/11.png" alt="w" style="zoom:50%;" /> 

### 回收站

**页面功能：**

1. 绘本展示、还原

<img src="./rendering/12.png" alt="w" style="zoom:50%;" /> 

### 阅读记录

**页面功能：**

1. 记录展示、清空

<img src="./rendering/13.png" alt="w" style="zoom:50%;" /> 

### 我的收藏

**页面功能：**

1. 绘本展示、取消收藏

<img src="./rendering/14.png" alt="w" style="zoom:50%;" /> 

### vip分享

**页面功能：**

1. 分享功能

<img src="./rendering/15.png" alt="w" style="zoom:50%;" />