# gallay-web

**Repository Path**: bookmark311/gallay-web

## Basic Information

- **Project Name**: gallay-web
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-01-25
- **Last Updated**: 2025-02-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Vue3.4搭建的摄影站点----摄影小郑

仅前端应用，数据维护使用json维护
适配：PC、手机、平板

## 站点演示

**站点演示**：[摄影小郑](http://bookmarksoft.cn:666)

弹幕：引入danmaku-vue实现模块
瀑布流：引入fingerprintjs
实现瀑布流，时间线
网站数据统计：51.LA
所有照片均为个人拍摄，如有侵权，请联系我，谢谢

借鉴：csdn瀑布流文章，首页gitee开源
## 代码结构展示

![输入图片说明](image/993ae8a12a2d4affa1adbf03e15dacc7.png)
## 页面展示
### 标题首页
![输入图片说明](image/2fc032cb6dd145dcbd20027467d12e02.png)
### 拍照时间线
![在这里插入图片描述](image/8c8ecfc417e544a080c8e849ca1e87b6.png)
![在这里插入图片描述](image/84bfcd290e274ae2a4803f15e9089582.png)
### 作品集（瀑布相册）
照片流式加载，点击预览详情，查看左右切换。
![在这里插入图片描述](image/aca9703fc03948b6957fbd3e45fd9a3b.png)

![在这里插入图片描述](image/ec1af9d545334dc1934684e09a61e8b9.jpeg#pic_center)
![在这里插入图片描述](image/33f9f02b86b947d7baacc69386b5b2e4.png)
![在这里插入图片描述](image/aa62f819c447499a847d7d9f0146a5b8.png)

#### 平板展示
![在这里插入图片描述](image/3155c2527643407886b4c83f7170b273.jpeg)

![在这里插入图片描述](image/37cb4eae3b4e4aac9b1ffeb3e5386cb7.jpeg)

![在这里插入图片描述](image/15ca72a12f3c45538395d9bb71e306f3.png)
### 弹幕展示
![在这里插入图片描述](image/2b7acfbf22bc4dbba1d0f30e5a4e830e.png)
### 网站数据统计（51.LA）
![在这里插入图片描述](image/586dc4c3cfe340a59c39a546bb313db1.png)
![在这里插入图片描述](image/74f5417784814618bed639d33e731aae.png)

### 行程安排（日历）
![输入图片说明](image/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20250206104321.jpg)
![输入图片说明](image/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20250206104324.jpg)