# flwl-website

**Repository Path**: yundada/flwl-website

## Basic Information

- **Project Name**: flwl-website
- **Description**: 风铃物语官方网站 - 婚恋交友平台展示网站
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-04
- **Last Updated**: 2025-06-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 风林婚恋官方网站

## 项目简介

风林婚恋官方网站是一个婚恋交友平台的展示网站，主要展示风林婚恋APP的功能特点、服务对象、用户故事和评价等内容。网站采用现代化的全屏滚动设计，提供了良好的用户体验和视觉效果。

## 技术栈

- HTML5
- CSS3
- JavaScript (原生)
- 响应式设计

## 项目结构

```
├── agreement.html        # 协议页面
├── css/                  # 样式文件
│   ├── reset.css         # 重置浏览器默认样式
│   └── style.css         # 主样式文件
├── font/                 # 字体文件
├── images/               # 图片资源
│   ├── README.md         # 图片资源说明
│   ├── home/             # 首页图片
│   └── section*.png      # 各部分预览图
├── js/                   # JavaScript文件
│   ├── agreement.js      # 协议页面脚本
│   ├── api.js            # API接口封装
│   ├── main.js           # 主脚本文件
│   ├── mock.json         # 模拟数据
│   └── qrcodejs/         # 二维码生成库
└── resources/            # 其他资源文件
    └── 风林手游隐私政策.pdf # 隐私政策文档
```

## 主要功能

1. **全屏滚动**：网站采用全屏滚动设计，提供流畅的浏览体验
2. **响应式布局**：适配不同设备屏幕尺寸
3. **数据缓存**：使用localStorage缓存API数据，减少请求次数
4. **二维码生成**：动态生成APP下载二维码
5. **动画效果**：丰富的CSS动画效果增强用户体验

## 页面结构

网站包含以下几个主要部分：

1. **首页**：展示APP名称、简介和下载方式
2. **热门特色推荐**：展示平台的主要特色和服务
3. **服务对象**：展示平台的目标用户群体
4. **用户故事**：展示成功案例和平台数据
5. **用户评价**：展示真实用户的评价和反馈
6. **关于我们**：提供联系方式和社交媒体信息

## 本地开发

由于项目使用原生HTML/CSS/JavaScript开发，无需构建工具，可以直接在浏览器中打开index.html文件查看效果。

对于数据部分，可以修改js/api.js中的BASE_URL来切换数据源：

```javascript
// 使用本地模拟数据
// const BASE_URL = './js/mock.json';

// 使用开发环境API
// const BASE_URL = 'http://192.168.7.126:8080/web/get_webinfo';

// 使用生产环境API
const BASE_URL = 'https://server.09784.com/web/get_webinfo';
```

## 部署说明

项目可以部署到任何静态网站托管服务上，如GitHub Pages、Netlify、Vercel等，也可以部署到传统的Web服务器上。

部署前建议进行以下优化：

1. 压缩HTML、CSS和JavaScript文件
2. 优化图片大小和格式
3. 配置适当的缓存策略
4. 确保API地址正确配置为生产环境地址

## 维护与更新

- 定期更新内容和图片资源
- 根据用户反馈优化用户体验
- 保持与APP功能的同步更新

## 版权信息

© 2023 风林婚恋 版权所有