# 前端样例

**Repository Path**: kuiwaiwai/front-end-sample

## Basic Information

- **Project Name**: 前端样例
- **Description**: 自己日常写的一些前端样例
- **Primary Language**: Unknown
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-07-04
- **Last Updated**: 2023-08-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 前端

## README

# 前端样例

## 介绍
自己日常写的一些前端样例

## 目录

### 快头条 kuai-news-website

[访问页面查看效果](https://kuiwaiwai.gitee.io/front-end-sample/kuai-news-website) 

简洁的头条（新闻）类网站，使用bootstrap。页面：文章列表、文章详情、登录、注册、忘记密码...... 

### 快头条UNI-APP小程序 kuai-news-uniapp

新闻类小程序，头条、热点、个人中心...... 

### 快工具箱 kuai-toolbox

[访问页面查看效果](https://kuiwaiwai.gitee.io/front-end-sample/kuai-toolbox) 

快工具箱，一个轻量化的工具集合网站，使用bootstrap，因为bootstrap版本原因所有UI有少许混乱。[（已使用Vue重构并持续维护）](https://gitee.com/kuiwaiwai/k-toolbox) 

### ACG GO acg-go

[访问页面查看效果](https://kuiwaiwai.gitee.io/front-end-sample/acg-go) 

综合性ACG社区网站，原生实现。页面：首页、登录、注册。

### 动效图卡 steam-animation-card

> 参考自[CodePen](https://codepen.io/andrewhawkes/details/RwwOJrO) 

[访问页面查看效果](https://kuiwaiwai.gitee.io/front-end-sample/steam-animation-card) 

简单的动效图卡，用原生CSS实现，界面设计来自Steam库中的图卡。

### 圆形图钮 circular-picture-button

[访问页面查看效果](https://kuiwaiwai.gitee.io/front-end-sample/circular-picture-button) 

圆形的图片动效按钮，当鼠标移至图钮时放大并叠加白色蒙版。

### 图片九宫格 picture-nine-palace-grid

[访问页面查看效果](https://kuiwaiwai.gitee.io/front-end-sample/picture-nine-palace-grid) 

将图片以九宫格方式显示。

### 简单的轮播图 sipmle-swiper

[访问页面查看效果](https://kuiwaiwai.gitee.io/front-end-sample/sipmle-swiper) 

简单的轮播图。