# TuoFaDemo

**Repository Path**: jepsonpp/tuo-fa-demo

## Basic Information

- **Project Name**: TuoFaDemo
- **Description**: 令人脱发的代码-鸿蒙代码库
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2024-04-22
- **Last Updated**: 2025-02-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# TuoFaDemo-代码仓库
每天进步亿点点~

## 介绍
令人脱发的代码-鸿蒙代码库
- 作者: 帅鹏 (脱发哥)
- 抖音号：令人脱发的代码
- V信：Jepson2013 （拉你进鸿蒙学习互助群）
- PS：制作不易，点个关注，加个收藏吧~

## Demo演示
### Cases_01-半屏模态框-分享弹层
![Cases_01-半屏模态框-分享弹层](https://foruda.gitee.com/images/1713842739879277850/2ac49e98_2105927.gif "Cases_01-半屏模态框-分享弹层.gif")

### Cases_02-全屏模态框-城市选择
![Cases_02-全屏模态框-城市选择](https://foruda.gitee.com/images/1713842773451931270/d843db49_2105927.gif "Cases_02-全屏模态框-城市选择.gif")

### Cases_03-侧边栏-豆瓣
![Cases_03-侧边栏-豆瓣](https://foruda.gitee.com/images/1713842795157193696/8eec7f7d_2105927.gif "Cases_03-侧边栏-豆瓣.gif")

### Cases_04-瀑布流-小米有品
![Cases_04-瀑布流-小米有品](https://foruda.gitee.com/images/1713842827534940826/f20aeac8_2105927.gif "Cases_04-瀑布流-小米有品.gif")

### Cases_05-属性动画-全场两元
![Cases_05-属性动画-全场两元](https://foruda.gitee.com/images/1713842851212699266/4fe01dda_2105927.gif "Cases_05-属性动画-全场两元.gif")

### Cases_06-帧动画-b站小狗
![Cases_06-帧动画-b站小狗](https://foruda.gitee.com/images/1713842869819010535/5a7a0d6c_2105927.gif "Cases_06-帧动画-b站小狗.gif")

### Cases_07-单选框组-购物车结算
![Cases_07-单选框组-购物车结算](https://foruda.gitee.com/images/1713842886831173459/a997791b_2105927.gif "Cases_07-单选框组-购物车结算.gif")

### Cases_08-登录(双向数据绑定&this指向)
<img src="00-%E6%95%88%E6%9E%9C%E5%9B%BE/Cases_08-%E7%99%BB%E5%BD%95%EF%BC%88%E5%8F%8C%E5%90%91%E7%BB%91%E5%AE%9A&this%E6%8C%87%E5%90%91%EF%BC%89.png" width="400">

### Cases_09-AI抠图
![Cases_09-AI抠图](00-%E6%95%88%E6%9E%9C%E5%9B%BE/Cases_09-AI%E6%8A%A0%E5%9B%BE.gif)

### Cases_10-沉浸式轮播
![输入图片说明](00-%E6%95%88%E6%9E%9C%E5%9B%BE/Cases_10-%E6%B2%89%E6%B5%B8%E5%BC%8F%E8%BD%AE%E6%92%AD%E7%9B%B8%E5%86%8C.gif)

### Cases_11-12306城市交换动画
![输入图片说明](00-%E6%95%88%E6%9E%9C%E5%9B%BE/Cases_11_12306%E5%9F%8E%E5%B8%82%E4%BA%A4%E6%8D%A2%E5%8A%A8%E7%94%BB.gif)

### Cases_12-火车抢票数字刷新效果
![输入图片说明](00-%E6%95%88%E6%9E%9C%E5%9B%BE/Cases_12_%E7%81%AB%E8%BD%A6%E6%8A%A2%E7%A5%A8%E6%95%B0%E5%AD%97%E5%88%B7%E6%96%B0%E6%95%88%E6%9E%9C.gif)

### Cases_13-手势密码锁
![输入图片说明](00-%E6%95%88%E6%9E%9C%E5%9B%BE/Cases_13_%E6%89%8B%E5%8A%BF%E5%AF%86%E7%A0%81%E9%94%81.gif)

### Cases_14-抖音视频滑动
![输入图片说明](00-%E6%95%88%E6%9E%9C%E5%9B%BE/Cases_14_%E6%8A%96%E9%9F%B3%E8%A7%86%E9%A2%91%E6%BB%91%E5%8A%A8.gif)

### 未完待续...