diff --git a/docs/README.md b/docs/README.md index 3694c12..f031b2a 100644 --- a/docs/README.md +++ b/docs/README.md @@ -1,5 +1,36 @@ # 结伴客项目文档目录 +## 核心文档 + +### 产品需求 +- [产品需求文档](./requirements.md) - 小程序核心功能需求 +- [官网需求文档](./website_requirements.md) - 官方网站产品需求 + +### 技术文档 +- [系统架构文档](./architecture.md) - 整体技术架构设计 +- [详细设计文档](./detailed_design.md) - 数据库和API详细设计 +- [API接口文档](./API_DOCS.md) - 完整的API接口说明 +- [数据库设计](./database-design.md) - 数据库表结构和关系 + +### 开发文档 +- [开发计划](./development_plan.md) - 项目开发排期和任务分解 +- [部署指南](./DEPLOYMENT.md) - 系统部署和运维指南 +- [开发规范](./DEVELOPMENT_GUIDE.md) - 代码规范和开发流程 + +### 其他文档 +- [测试用例](./TEST_CASES.md) - 功能测试用例 +- [用户手册](./USER_MANUAL.md) - 最终用户使用指南 +- [常见问题](./FAQ.md) - 常见问题解答 + +## 文档维护 + +所有文档均使用Markdown格式编写，保持实时更新。建议阅读顺序： +1. 产品需求文档 → 2. 系统架构文档 → 3. 详细设计文档 → 4. API接口文档 + +## 版本控制 + +文档版本与代码版本保持一致，重大变更需要更新版本历史记录。 + ## 📚 文档列表 ### Java微服务版本文档 diff --git a/docs/website_requirements.md b/docs/website_requirements.md new file mode 100644 index 0000000..9277f81 --- /dev/null +++ b/docs/website_requirements.md @@ -0,0 +1,339 @@ +# 结伴客官网产品需求文档 + +## 版本历史 +| 版本 | 日期 | 作者 | 描述 | +|------|------|------|------| +| v1.0 | 2024-01-15 | 产品经理 | 初始版本，定义官网核心需求 | +| v1.1 | 2024-01-16 | 产品经理 | 补充SEO优化和性能需求 | + +## 1. 项目概述 + +### 1.1 项目背景 +结伴客是一个专注于结伴旅行和动物认领的创新平台，官网作为品牌展示和用户转化的重要渠道，需要提供专业、可信的线上门户。 + +### 1.2 项目目标 +- **品牌展示**：建立专业、可信的品牌形象 +- **用户转化**：引导用户下载和使用小程序 +- **商家合作**：吸引优质商家入驻平台 +- **信息传递**：清晰传达平台价值和服务内容 + +### 1.3 成功标准 +- **访问量指标**：月均PV ≥ 50,000，UV ≥ 10,000 +- **转化率指标**：小程序跳转转化率 ≥ 15% +- **商家入驻**：月均商家入驻申请 ≥ 20家 +- **SEO表现**：核心关键词搜索引擎排名前3页 +- **性能指标**：页面加载时间 ≤ 2秒，首屏时间 ≤ 1秒 + +## 2. 用户角色与用例 + +### 2.1 目标用户群体 + +#### 2.1.1 普通用户（C端用户） +- **特征**：18-45岁，热爱旅行，对新鲜事物感兴趣 +- **使用场景**：了解平台功能，寻找旅行伙伴，体验动物认领 +- **核心需求**：快速了解平台价值，便捷跳转小程序 + +#### 2.1.2 商家用户（B端用户） +- **特征**：花店老板、农场主、活动组织者 +- **使用场景**：了解合作政策，提交入驻申请 +- **核心需求**：清晰的合作流程，便捷的申请入口 + +#### 2.1.3 潜在投资者 +- **特征**：投资机构、个人投资者 +- **使用场景**：了解商业模式，评估投资价值 +- **核心需求**：专业的品牌形象，清晰的商业模式展示 + +### 2.2 用户用例图 + +```mermaid +graph TB + A[普通用户] --> B[浏览官网首页] + A --> C[查看成功案例] + A --> D[跳转小程序] + + E[商家用户] --> F[查看合作政策] + E --> G[提交入驻申请] + E --> H[查看收益数据] + + I[潜在投资者] --> J[了解商业模式] + I --> K[查看团队介绍] + I --> L[联系商务合作] +``` + +## 3. 功能需求 + +### 3.1 官网首页模块 + +#### 用户故事1：浏览官网首页 +**As a** 新用户 +**I want to** 快速了解平台核心价值 +**So that** 我可以决定是否使用结伴客平台 + +**验收标准：** +- **Given** 用户访问官网首页 +- **When** 页面加载完成 +- **Then** 显示平台品牌Logo和slogan +- **And** 展示核心功能区块（旅行结伴、动物认领、送花服务） +- **And** 显示小程序跳转入口 +- **And** 提供商家合作入口 + +#### 用户故事2：查看平台介绍 +**As a** 潜在用户 +**I want to** 详细了解平台功能特色 +**So that** 我可以全面了解平台价值 + +**验收标准：** +- **Given** 用户在首页 +- **When** 滚动浏览功能介绍区块 +- **Then** 展示动态交互效果 +- **And** 每个功能区块包含图标、标题和详细描述 +- **And** 提供数据统计展示（用户数、成功案例数等） + +### 3.2 成功案例模块 + +#### 用户故事3：浏览成功案例 +**As a** 犹豫用户 +**I want to** 查看其他用户的真实体验 +**So that** 我可以增强对平台的信任 + +**验收标准：** +- **Given** 用户访问成功案例页面 +- **When** 页面加载完成 +- **Then** 显示分类筛选（旅行结伴、动物认领、送花服务） +- **And** 展示案例卡片，包含用户头像、故事摘要、成果数据 +- **And** 支持分页加载，每页显示12个案例 +- **And** 提供案例详情查看功能 + +#### 用户故事4：分享成功案例 +**As a** 满意用户 +**I want to** 分享我的成功故事 +**So that** 我可以帮助平台吸引更多用户 + +**验收标准：** +- **Given** 用户在案例详情页 +- **When** 点击分享按钮 +- **Then** 弹出分享选项（微信、朋友圈、QQ、微博） +- **And** 生成带参数的分享链接 +- **And** 记录分享行为用于数据统计 + +### 3.3 商家合作模块 + +#### 用户故事5：了解合作政策 +**As a** 潜在商家 +**I want to** 详细了解合作政策和收益模式 +**So that** 我可以评估入驻价值 + +**验收标准：** +- **Given** 用户访问商家合作页面 +- **When** 页面加载完成 +- **Then** 显示合作流程图表 +- **And** 展示收益计算器和案例数据 +- **And** 提供不同商家类型（花店、农场、活动组织者）的专属政策 +- **And** 显示入驻要求和资质说明 + +#### 用户故事6：提交入驻申请 +**As a** 商家用户 +**I want to** 在线提交入驻申请 +**So that** 我可以快速启动合作流程 + +**验收标准：** +- **Given** 用户在商家合作页面 +- **When** 点击"立即申请"按钮 +- **Then** 弹出入驻申请表单 +- **And** 表单包含必填字段：商家类型、联系人、电话、营业执照等 +- **And** 支持图片上传功能 +- **And** 提交后显示成功提示 +- **And** 系统自动发送确认邮件 + +### 3.4 关于我们模块 + +#### 用户故事7：了解公司信息 +**As a** 关注用户 +**I want to** 了解公司背景和团队信息 +**So that** 我可以建立对品牌的信任 + +**验收标准：** +- **Given** 用户访问关于我们页面 +- **When** 页面加载完成 +- **Then** 显示公司发展历程时间轴 +- **And** 展示核心团队介绍（CEO、CTO、COO、CMO） +- **And** 提供联系方式和企业地址 +- **And** 显示合作伙伴logo墙 + +### 3.5 小程序导流模块 + +#### 用户故事8：跳转小程序 +**As a** 官网访客 +**I want to** 快速跳转到小程序 +**So that** 我可以立即体验平台功能 + +**验收标准：** +- **Given** 用户在官网任意页面 +- **When** 点击小程序跳转按钮 +- **Then** 显示小程序二维码 +- **And** 提供"打开小程序"深度链接 +- **And** 引导用户保存二维码 +- **And** 记录跳转转化数据 + +## 4. 非功能需求 + +### 4.1 性能需求 +- **页面加载**：首屏加载时间 ≤ 1秒，完全加载时间 ≤ 2秒 +- **响应时间**：API接口响应时间 ≤ 200ms +- **并发支持**：支持1000并发用户访问 +- **资源优化**：图片懒加载，资源压缩，CDN加速 + +### 4.2 安全需求 +- **数据安全**：敏感信息加密传输，防止XSS和CSRF攻击 +- **表单安全**：入驻申请表单防垃圾提交，验证码保护 +- **权限控制**：后台管理接口权限验证 +- **日志审计**：关键操作日志记录 + +### 4.3 兼容性需求 +- **浏览器兼容**：Chrome 80+、Firefox 75+、Safari 13+、Edge 80+ +- **设备兼容**：支持桌面端、平板、手机响应式布局 +- **分辨率适配**：支持1920px、1366px、768px、375px等常见分辨率 + +### 4.4 SEO优化需求 +- **元标签优化**：每个页面独立的title、description、keywords +- **结构化数据**：使用Schema.org标记关键内容 +- **站点地图**：自动生成XML sitemap +- **页面速度**：Google PageSpeed Insights评分 ≥ 90 +- **移动友好**：通过Google移动友好测试 + +### 4.5 可维护性需求 +- **代码规范**：遵循HTML5语义化标签和Bootstrap最佳实践 +- **模块化开发**：基于文件目录结构的模块分离 +- **文档完整**：页面结构和组件说明文档齐全 +- **浏览器兼容**：确保主流浏览器兼容性测试 + +## 5. 原型与交互设计 + +### 5.1 页面结构 + +#### 首页布局 +``` +┌─────────────────────────────────────┐ +│ Header │ +│ - Logo + Brand Name │ +│ - Navigation Menu │ +│ - CTA Buttons (小程序/商家入驻) │ +├─────────────────────────────────────┤ +│ Hero Section │ +│ - 主标题和副标题 │ +│ - 数据统计展示 │ +│ - 主要行动按钮 │ +├─────────────────────────────────────┤ +│ Features Section │ +│ - 三大核心功能展示 │ +│ - 图标+标题+描述 │ +│ - 交互式动画效果 │ +├─────────────────────────────────────┤ +│ Success Stories │ +│ - 精选案例展示 │ +│ - 用户头像和评价 │ +│ - 查看全部案例链接 │ +├─────────────────────────────────────┤ +│ Call to Action │ +│ - 强化转化提示 │ +│ - 多渠道入口 │ +├─────────────────────────────────────┤ +│ Footer │ +│ - 网站地图链接 │ +│ - 社交媒体链接 │ +│ - 联系信息和备案号 │ +└─────────────────────────────────────┘ +``` + +#### 商家合作页面关键元素 +- **价值主张**：清晰展示合作收益和优势 +- **流程可视化**：使用时间轴或流程图展示合作步骤 +- **数据证明**：展示成功商家案例和收益数据 +- **表单设计**：分步表单，减少用户填写压力 +- **信任要素**：资质认证、安全保障说明 + +### 5.2 交互设计原则 +- **简洁明了**：信息层级清晰，重点突出 +- **引导性强**：明确的行动号召和转化路径 +- **反馈及时**：操作反馈和状态提示明确 +- **移动优先**：优先保证移动端体验 +- **无障碍设计**：支持键盘导航和屏幕阅读器 + +## 6. 技术架构 + +### 6.1 前端技术栈 +- **核心技术**：HTML5 + CSS3 + JavaScript (ES6+) +- **UI框架**：Bootstrap 5.3.0 +- **图标库**：Font Awesome 6.7.2 +- **动画效果**：AOS (Animate On Scroll) 2.3.4 +- **交互增强**：jQuery 3.6.0 +- **表单验证**：原生JavaScript验证 + Bootstrap表单组件 +- **响应式设计**：Bootstrap网格系统 + 媒体查询 + +### 6.2 后端集成 +- **API接口**：RESTful API规范 +- **认证方式**：JWT Token认证 +- **数据格式**：JSON格式数据交换 +- **错误处理**：统一错误码和消息格式 + +### 6.3 部署架构 +- **静态资源**：Nginx静态文件服务 + CDN加速分发 +- **构建部署**：直接文件部署，无需构建过程 +- **环境配置**：多环境配置文件管理 +- **缓存策略**：浏览器缓存 + CDN缓存优化 +- **监控告警**：基础性能监控 + 错误日志监控 + +## 7. 项目计划 + +### 7.1 开发阶段 +| 阶段 | 时间 | 主要任务 | 交付物 | +|------|------|---------|--------| +| 需求确认 | 第1周 | 需求评审，原型确认 | PRD文档，原型设计 | +| 技术设计 | 第2周 | 技术方案设计，环境搭建 | 技术设计文档 | +| 开发实现 | 第3-6周 | 前端开发，后端接口联调 | 可运行版本 | +| 测试验收 | 第7周 | 功能测试，性能测试 | 测试报告 | +| 上线部署 | 第8周 | 生产部署，监控配置 | 线上环境 | + +### 7.2 资源分配 +- **前端开发**：1-2人（3周） +- **后端支持**：1人（1周，主要处理表单提交接口） +- **测试验证**：1人（1周） +- **项目管理**：1人（全程） + +## 8. 风险控制 + +### 8.1 技术风险 +- **浏览器兼容性**：制定兼容性矩阵，优先支持现代浏览器 +- **性能瓶颈**：提前进行性能预估和优化方案设计 +- **第三方依赖**：选择稳定版本，制定降级方案 + +### 8.2 项目风险 +- **需求变更**：建立变更控制流程 +- **进度延迟**：设置缓冲时间，定期进度检查 +- **质量风险**：代码审查，自动化测试覆盖 + +### 8.3 运营风险 +- **SEO效果**：持续优化和内容更新 +- **转化率**：A/B测试优化转化路径 +- **安全漏洞**：定期安全扫描和漏洞修复 + +## 9. 附录 + +### 9.1 名词解释 +- **PV（Page View）**：页面浏览量 +- **UV（Unique Visitor）**：独立访客数 +- **转化率**：完成目标动作的用户比例 +- **CDN**：内容分发网络 +- **JWT**：JSON Web Token认证方式 + +### 9.2 相关文档 +- [系统架构文档](./architecture.md) +- [API接口文档](./API_DOCS.md) +- [数据库设计文档](./database-design.md) +- [开发指南](./DEVELOPMENT_GUIDE.md) + +### 9.3 修订记录 +| 日期 | 版本 | 修订内容 | 修订人 | +|------|------|---------|--------| +| 2024-01-15 | v1.0 | 创建初始版本 | 产品经理 | +| 2024-01-16 | v1.1 | 补充SEO和性能指标 | 产品经理 | \ No newline at end of file diff --git a/website/about.html b/website/about.html index 581b5e4..af5c947 100644 --- a/website/about.html +++ b/website/about.html @@ -60,161 +60,166 @@ - +
-

我们的故事

+

公司简介

-
-
- 结伴客团队 -
-
-
-

让旅行不再孤单

-

结伴客平台成立于2015年，源于一群热爱旅行的朋友的共同梦想。我们相信，旅行不仅是看风景，更是与人分享、与自然互动的过程。

-

在快节奏的现代生活中，很多人渴望逃离城市的喧嚣，走进大自然的怀抱，但又不想独自一人。于是我们创建了这个平台，让志同道合的人能够轻松找到旅伴，一起探索世界的美好。

-

通过我们的平台，用户可以找到志同道合的旅行伙伴，一起探索自然的奥秘；也可以认领可爱的动物，体验农场生活，感受生命的温暖。

-
-
-
- - -
-
-
-

我们的理念

-
-
- -
-
-
-
- -
-

回归自然

-

我们倡导回归自然的生活方式，鼓励人们走出城市，亲近大自然，感受生命的本真。

-
+
+

我们的使命

+

结伴客致力于为用户提供独特的旅行结伴体验，通过创新的平台服务连接志同道合的旅行者，让人与人、人与自然建立更深层的情感联系。

+ +

我们的愿景

+

成为国内领先的结伴旅行服务平台，打造一个充满温暖、信任和乐趣的旅行社区，让每一次旅行都成为珍贵的回忆。

-
-
-
- +
+
+
+

核心价值观

+
+
+ +
+
+

真诚

+

以诚待人，建立信任的伙伴关系

+
+
+ +
+
+ +
+
+

安全

+

保障用户信息安全和旅行安全

+
+
+ +
+
+ +
+
+

自然

+

倡导与自然和谐相处的旅行方式

+
+
-

真诚交友

-

我们坚持以真诚的态度对待每一位用户，帮助大家在旅途中结识真正的朋友。

-
-
- -
-
-
- -
-

共享快乐

-

我们相信分享能让快乐加倍，鼓励用户在平台上共享旅行经历和美好回忆。

-
-
-
-

成长足迹

+
+
+
+
+

发展历程

+
-
- -
-
-
-
- + +
+
+
+
+
2015年
+
+

公司成立

+

武汉高灏科技有限责任公司正式成立，开始构思结伴客平台的商业模式

+
+
+ +
+
2017年
+
+

平台上线

+

结伴客1.0版本正式上线，提供基础的旅行结伴功能

+
+
+ +
+
2019年
+
+

功能拓展

+

推出动物认领特色功能，平台用户突破10万

+
+
+ +
+
2021年
+
+

服务升级

+

新增送花服务和推广奖励机制，平台生态更加完善

+
+
+ +
+
2023年
+
+

技术革新

+

平台全面升级，采用微服务架构，用户体验大幅提升

+
+
+ +
+
2025年
+
+

未来展望

+

计划拓展国际市场，打造全球结伴旅行平台

+
+
-
2015年 - 梦想起航
-

结伴客平台正式成立，专注于旅行结伴服务，帮助第一批用户找到了志同道合的旅伴。

-
- -
-
- -
-
2017年 - 服务升级
-

推出动物认领服务，为用户提供更多元化的自然体验，让用户在旅行中与动物建立情感纽带。

-
- -
-
- -
-
2019年 - 用户突破
-

注册用户突破10万，合作商家达到500家，平台影响力不断扩大。

-
- -
-
- -
-
2021年 - 服务拓展
-

新增送花服务，丰富用户体验，让用户能够通过鲜花传递旅途中的温暖与浪漫。

-
- -
-
- -
-
2023年 - 全新出发
-

平台全面升级，优化用户体验，致力于成为国内领先的自然旅行社交平台。

- +
-

核心团队

+

核心团队

-
-
- CEO张明 -
张明
-

首席执行官

+
+
+ CEO 张总 +
+

张总

+

创始人兼CEO

+

拥有10年互联网产品经验，热爱旅行和户外运动

+
-
-
- CTO李华 -
李华
-

首席技术官

+
+
+ CTO 李博士 +
+

李博士

+

首席技术官

+

计算机博士，专注于分布式系统和大数据分析

+
-
-
- CMO王芳 -
王芳
-

首席市场官

-
-
- -
-
- COO赵强 -
赵强
-

首席运营官

+
+
+ COO 王女士 +
+

王女士

+

首席运营官

+

资深运营专家，擅长用户增长和生态建设

+
@@ -244,10 +249,10 @@
产品
@@ -287,8 +292,8 @@
@@ -303,7 +308,7 @@
- + diff --git a/website/animal.html b/website/animal.html new file mode 100644 index 0000000..09394a8 --- /dev/null +++ b/website/animal.html @@ -0,0 +1,538 @@ + + + + + + 动物认领 - 结伴客 + + + + + + + + + + + + + + + + +
+
+
+
+

动物认领

+

认领可爱的动物，体验农场生活
与动物建立深厚的情感纽带

+ 查看可认领动物 + 了解认领流程 +
+
+
+
+ + +
+
+
+
+

为什么选择动物认领

+

结伴客为您提供独特的动物认领体验

+
+
+
+
+
+
+ +
+

情感连接

+

与动物建立深厚的情感联系，体验无与伦比的陪伴与温暖。

+
+
+
+
+
+ +
+

生态体验

+

亲身参与动物照料，了解生态循环，体验绿色农场生活。

+
+
+
+
+
+ +
+

持续互动

+

定期更新动物状态，通过照片和视频了解动物近况。

+
+
+
+
+
+ + +
+
+
+
+

动物分类

+

选择您喜欢的动物类型

+
+
+
+
+
+
+ +
+

小型哺乳动物

+

兔子、小羊、小猪等温顺可爱的动物

+
+
+
+
+
+ +
+

禽类

+

鸡、鸭、鹅等家禽，体验收获新鲜蛋类

+
+
+
+
+
+ +
+

水产类

+

鱼类、虾类等水产，体验水塘养殖乐趣

+
+
+
+
+
+ +
+

特殊项目

+

蜜蜂、蚕等特殊养殖项目，体验不同乐趣

+
+
+
+
+
+ + +
+
+
+
+

可认领动物

+

查看当前可认领的可爱动物

+
+
+
+
+
+

筛选条件

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+ 小羊 +
+
+
小羊咩咩
+ 可认领 +
+

品种：绵羊
年龄：6个月
性格：温顺可爱，喜欢与人亲近

+
+ 98%满意度 + 12位认领者 +
+
+
+ 农场：绿野农场 +
+
+
+
+
+ 小兔 +
+
+
小白兔
+ 已被认领 +
+

品种：荷兰兔
年龄：4个月
性格：活泼好动，好奇心强

+
+ 95%满意度 + 8位认领者 +
+
+
+ 农场：阳光牧场 +
+
+
+
+
+ 小鸡 +
+
+
小花鸡
+ 可认领 +
+

品种：芦花鸡
年龄：3个月
性格：聪明机警，产蛋量高

+
+ 92%满意度 + 5位认领者 +
+
+
+ 农场：田园农庄 +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+

认领流程

+

简单几步，拥有属于您的动物伙伴

+
+
+
+
+
+
+ +
+

1. 选择动物

+

浏览可认领动物，选择您喜欢的动物伙伴

+
+
+
+
+
+ +
+

2. 签订协议

+

在线签订认领协议，明确双方权利义务

+
+
+
+
+
+ +
+

3. 支付认领费

+

支付一次性认领费和年度养护费用

+
+
+
+
+
+ +
+

4. 持续互动

+

定期获取动物近况，可实地探访互动

+
+
+
+
+
+ + +
+
+
+
+

认领成功案例

+

看看其他用户与动物的美好故事

+
+
+
+
+
+ 小羊认领 +
+
小羊咩咩的成长故事
+

来自北京的李女士认领了这只小羊，每月都会收到小羊的成长照片和视频，还专程到农场探访。

+
+ 认领者: 李女士 + 已认领8个月 +
+
+
+
+
+
+ 兔子认领 +
+
小白兔的温馨时光
+

上海的王先生为孩子认领了这只兔子，让孩子学会关爱动物，体验生命教育。

+
+ 认领者: 王先生 + 已认领1年 +
+
+
+
+
+
+ 鸡认领 +
+
田园生活的开始
+

广州的张女士认领了一群鸡，不仅收获新鲜鸡蛋，还体验了乡村田园生活。

+
+ 认领者: 张女士 + 已认领6个月 +
+
+
+
+
+
+
+ + +
+
+
+
+

常见问题

+

关于动物认领，您可能有以下疑问

+
+
+
+
+
+
+

+ +

+
+
+ 认领动物需要支付一次性认领费和年度养护费。认领费根据动物种类和年龄确定，年度养护费用于动物的日常照料、医疗和农场维护。 +
+
+
+
+

+ +

+
+
+ 我们会定期通过APP或微信推送动物的照片、视频和健康状况报告。认领者还可以预约实地探访，与动物亲密互动。 +
+
+
+
+

+ +

+
+
+ 如果因特殊原因无法继续认领，可以申请转让给其他用户或由农场接管。已支付的费用根据情况部分退还或转为捐赠。 +
+
+
+
+

+ +

+
+
+ 合作农场均具备专业资质，配备专职兽医和饲养员。所有动物都定期体检和疫苗接种，确保健康安全。平台对农场进行定期检查和评估。 +
+
+
+
+
+
+
+
+ + + + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/website/case.html b/website/case.html index 806eaac..3869fbc 100644 --- a/website/case.html +++ b/website/case.html @@ -23,7 +23,7 @@ 结伴客 Logo - 结伴客 + 结伴客
- +
-

联系信息

+

联系方式

-
-
- +
+
+
+ +
+

电子邮箱

+

如有任何问题或建议，欢迎发送邮件至我们的官方邮箱

+ 发送邮件
-

公司地址

-

武汉市东湖高新技术开发区关山大道保利国际中心8楼

-
-
- +
+
+
+ +
+

联系电话

+

工作日 9:00-18:00，您可以通过以下电话联系我们

+

郑经理: 15927219038

+

杜经理: 13871378634

-

联系电话

-

郑经理 15927219038

-

杜经理 13871378634

-
-
- +
+
+
+ +
+

公司地址

+

欢迎前来参观交流，我们期待与您面对面沟通

+

武汉市东湖高新技术开发区

+

关山大道保利国际中心8楼

-

电子邮箱

-

master@gaohaotech.com

- -
+ +
+
+
+

在线留言

+
+
+
-
-

留言给我们

-

有任何问题或建议，请填写以下表单，我们会尽快回复您。

- -
-
-
- - +
+
+ +
+
+ + +
+
+ + +
-
- - -
-
- -
-
- - +
+
+ + +
+
+ + +
-
- - +
+ +
-
- -
-
- - + +
+ +
-
- -
-
- + +
+
-
- + +
- +
-

我们在哪

+

常见问题

-
-
-
- +
+
+
+
+

+ +

+
+
+ 您可以通过结伴客官网、微信小程序或下载APP进行注册。只需提供手机号码并完成验证，即可成为结伴客用户。 +
+
+
+
+

+ +

+
+
+ 我们通过实名认证、手机号验证、社交账号绑定等多重身份验证机制确保用户身份真实。同时，建立完善的信用评价体系，用户可以查看彼此的评价记录，帮助您选择可靠的旅行伙伴。 +
+
+
+
+

+ +

+
+
+ 我们会定期通过APP或微信推送动物的照片、视频和健康状况报告。认领者还可以预约实地探访，与动物亲密互动。 +
+
+
+
+

+ +

+
+
+ 佣金按月结算，每月10日结算上月佣金。您可以在个人中心查看收益明细并申请提现，支持微信、支付宝等多种提现方式。 +
+
+
+
+

+ +

+
+
+ 您可以通过在线客服、客服电话或留言表单与我们联系。我们的客服团队工作时间为工作日9:00-18:00，将尽快为您解决问题。 +
+
+
@@ -183,28 +256,28 @@
- 结伴客 + 结伴客

专注于结伴旅行活动的平台，包含独特的动物认领功能。

产品
@@ -244,8 +317,8 @@
@@ -260,7 +333,7 @@
- + diff --git a/website/css/animal.css b/website/css/animal.css new file mode 100644 index 0000000..7400964 --- /dev/null +++ b/website/css/animal.css @@ -0,0 +1,310 @@ +/* 动物认领页面样式 */ + +.page-header.animal-header { + background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), + url('data:image/svg+xml;utf8,'); + background-size: cover; + background-position: center; +} + +.feature-icon { + width: 80px; + height: 80px; + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(135deg, #27ae60 0%, #219653 100%); + color: white; + border-radius: 50%; + font-size: 2rem; + margin: 0 auto 20px; + transition: transform 0.3s ease; +} + +.feature-box { + text-align: center; + padding: 30px; + transition: transform 0.3s ease, box-shadow 0.3s ease; + height: 100%; + border-radius: 10px; + background: #fff; +} + +.feature-box:hover { + transform: translateY(-10px); + box-shadow: 0 10px 30px rgba(0,0,0,0.1); +} + +.feature-box:hover .feature-icon { + transform: scale(1.1); +} + +.animal-card { + transition: transform 0.3s ease, box-shadow 0.3s ease; + border: none; + box-shadow: 0 5px 15px rgba(0,0,0,0.05); +} + +.animal-card:hover { + transform: translateY(-5px); + box-shadow: 0 15px 30px rgba(0,0,0,0.1); +} + +.animal-stats { + margin-top: 15px; + padding-top: 15px; + border-top: 1px solid #eee; +} + +.stat-item { + display: inline-block; + margin-right: 15px; + font-size: 0.875rem; + color: #6c757d; +} + +.animal-filter { + background: #fff; + padding: 20px; + border-radius: 10px; + box-shadow: 0 5px 15px rgba(0,0,0,0.05); +} + +.filter-title { + margin-bottom: 15px; + font-weight: 600; + color: #333; +} + +.btn-rounded { + border-radius: 50px; + padding: 10px 30px; +} + +.section-title { + position: relative; + padding-bottom: 15px; + margin-bottom: 40px; +} + +.section-title::after { + content: ""; + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); + width: 60px; + height: 3px; + background: linear-gradient(135deg, #27ae60 0%, #219653 100%); + border-radius: 3px; +} + +/* 筛选器样式 */ +.animal-filter { + background: white; + border-radius: 15px; + padding: 1.5rem; + margin-bottom: 2rem; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} + +.animal-filter .filter-title { + font-weight: 600; + margin-bottom: 1rem; + color: #2c3e50; +} + +.animal-filter .form-select { + border-radius: 10px; + border: 2px solid #e9ecef; + padding: 0.75rem 1rem; +} + +.animal-filter .form-select:focus { + border-color: #4ecdc4; + box-shadow: 0 0 0 0.2rem rgba(78, 205, 196, 0.25); +} + +/* 流程步骤样式 */ +.process-step { + padding: 2rem 1rem; +} + +.process-step .step-number { + width: 50px; + height: 50px; + background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%); + color: white; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 1.5rem; + font-weight: bold; + margin: 0 auto 1rem; +} + +.process-step .step-icon { + font-size: 2.5rem; + color: #4ecdc4; + margin-bottom: 1rem; +} + +.process-step h5 { + color: #2c3e50; + margin-bottom: 0.5rem; +} + +.process-step p { + color: #6c757d; + font-size: 0.9rem; +} + +/* 常见问题样式 */ +.accordion-button { + font-weight: 600; + color: #2c3e50; +} + +.accordion-button:not(.collapsed) { + background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%); + color: white; +} + +.accordion-body { + background: #f8f9fa; + color: #495057; +} + +/* 模态框样式 */ +.animal-modal .modal-content { + border-radius: 15px; + border: none; +} + +.animal-modal .modal-header { + background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%); + color: white; + border-bottom: none; + border-radius: 15px 15px 0 0; +} + +.animal-modal .modal-body { + padding: 2rem; +} + +.animal-modal .animal-image { + width: 100%; + height: 200px; + object-fit: cover; + border-radius: 10px; + margin-bottom: 1rem; +} + +.animal-modal .animal-details { + margin-bottom: 1.5rem; +} + +.animal-modal .detail-item { + display: flex; + justify-content: space-between; + margin-bottom: 0.5rem; + padding: 0.5rem 0; + border-bottom: 1px solid #e9ecef; +} + +.animal-modal .detail-label { + font-weight: 600; + color: #2c3e50; +} + +.animal-modal .detail-value { + color: #6c757d; +} + +/* 响应式调整 */ +@media (max-width: 768px) { + .animal-card { + margin-bottom: 1.5rem; + } + + .animal-filter { + margin-bottom: 1.5rem; + } + + .process-step { + margin-bottom: 2rem; + } + + .action-buttons { + flex-direction: column; + } + + .animal-modal .modal-body { + padding: 1rem; + } +} + +/* 动画效果 */ +@keyframes fadeInUp { + from { + opacity: 0; + transform: translateY(30px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +.animal-card { + animation: fadeInUp 0.6s ease forwards; +} + +.animal-card:nth-child(1) { animation-delay: 0.1s; } +.animal-card:nth-child(2) { animation-delay: 0.2s; } +.animal-card:nth-child(3) { animation-delay: 0.3s; } +.animal-card:nth-child(4) { animation-delay: 0.4s; } +.animal-card:nth-child(5) { animation-delay: 0.5s; } + +/* 加载状态 */ +.animal-loading { + display: flex; + justify-content: center; + align-items: center; + min-height: 300px; +} + +.animal-loading .spinner { + width: 3rem; + height: 3rem; + border: 3px solid #f3f3f3; + border-top: 3px solid #4ecdc4; + border-radius: 50%; + animation: spin 1s linear infinite; +} + +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} + +/* 表单样式 */ +.claim-form .form-control, +.claim-form .form-select { + border-radius: 10px; + border: 2px solid #e9ecef; + padding: 0.75rem 1rem; +} + +.claim-form .form-control:focus, +.claim-form .form-select:focus { + border-color: #4ecdc4; + box-shadow: 0 0 0 0.2rem rgba(78, 205, 196, 0.25); +} + +.claim-form .form-label { + font-weight: 600; + color: #2c3e50; + margin-bottom: 0.5rem; +} \ No newline at end of file diff --git a/website/css/flower.css b/website/css/flower.css new file mode 100644 index 0000000..a9cdeef --- /dev/null +++ b/website/css/flower.css @@ -0,0 +1,367 @@ +/* 送花服务页面样式 */ + +/* 页面头部样式 */ +.flower-header { + background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), + url('data:image/svg+xml;utf8,'); + background-size: cover; + background-position: center; + position: relative; + overflow: hidden; + padding: 3rem 0; +} + +/* 鲜花卡片样式 */ +.flower-card { + transition: transform 0.3s ease, box-shadow 0.3s ease; + border: none; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 5px 15px rgba(0,0,0,0.05); + background: #fff; +} + +.flower-card:hover { + transform: translateY(-5px); + box-shadow: 0 15px 30px rgba(0,0,0,0.1); +} + +.flower-card .card-img-top { + height: 250px; + object-fit: cover; + transition: transform 0.3s ease; +} + +.flower-card:hover .card-img-top { + transform: scale(1.05); +} + +.flower-card .card-body { + padding: 1.5rem; +} + +.flower-card .flower-price { + font-size: 1.5rem; + font-weight: bold; + color: #ff6b6b; +} + +.flower-card .flower-original-price { + text-decoration: line-through; + color: #6c757d; + font-size: 0.9rem; +} + +.flower-card .flower-tags { + margin-bottom: 1rem; +} + +.flower-card .flower-tag { + display: inline-block; + padding: 0.25rem 0.75rem; + border-radius: 15px; + font-size: 0.75rem; + font-weight: 500; + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} + +.flower-card .flower-tag.love { + background-color: rgba(255, 107, 107, 0.1); + color: #ff6b6b; +} + +.flower-card .flower-tag.birthday { + background-color: rgba(255, 193, 7, 0.1); + color: #ffc107; +} + +.flower-card .flower-tag.celebration { + background-color: rgba(32, 201, 151, 0.1); + color: #20c997; +} + +.flower-card .flower-tag.sympathy { + background-color: rgba(108, 117, 125, 0.1); + color: #6c757d; +} + +/* 筛选器样式 */ +.flower-filter { + background: #fff; + padding: 20px; + border-radius: 10px; + box-shadow: 0 5px 15px rgba(0,0,0,0.05); + margin-bottom: 2rem; +} + +.flower-filter .filter-title { + margin-bottom: 15px; + font-weight: 600; + color: #333; +} + +/* 分类卡片样式 */ +.category-card { + padding: 30px 20px; + text-align: center; + background: #fff; + border-radius: 10px; + box-shadow: 0 5px 15px rgba(0,0,0,0.05); + transition: transform 0.3s ease, box-shadow 0.3s ease; + height: 100%; + border: 1px solid #eee; +} + +.category-card:hover { + transform: translateY(-5px); + box-shadow: 0 15px 30px rgba(0,0,0,0.1); +} + +.category-card .category-icon { + width: 70px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(135deg, #ff6b6b 0%, #e55a5a 100%); + color: white; + border-radius: 50%; + font-size: 1.5rem; + margin: 0 auto 20px; +} + +.category-card h5 { + font-weight: 600; + color: #495057; + margin-bottom: 0.5rem; +} + +.category-card p { + color: #6c757d; + font-size: 0.9rem; +} + +/* 流程步骤样式 */ +.process-step { + padding: 30px; + text-align: center; + transition: transform 0.3s ease, box-shadow 0.3s ease; + height: 100%; + border-radius: 10px; + background: #fff; + box-shadow: 0 5px 15px rgba(0,0,0,0.05); +} + +.process-step:hover { + transform: translateY(-10px); + box-shadow: 0 15px 30px rgba(0,0,0,0.1); +} + +.process-step .step-number { + width: 40px; + height: 40px; + border-radius: 50%; + background: linear-gradient(135deg, #ff6b6b, #e55a5a); + color: white; + display: flex; + align-items: center; + justify-content: center; + font-weight: bold; + margin: 0 auto 20px; +} + +.process-step .step-icon { + width: 80px; + height: 80px; + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(135deg, #ff6b6b 0%, #e55a5a 100%); + color: white; + border-radius: 50%; + font-size: 2rem; + margin: 0 auto 20px; + transition: transform 0.3s ease; +} + +.process-step:hover .step-icon { + transform: scale(1.1); +} + +.process-step h5 { + font-weight: 600; + color: #495057; + margin-bottom: 0.5rem; +} + +.process-step p { + color: #6c757d; + font-size: 0.9rem; +} + +/* 按钮样式 */ +.btn-flower { + background: linear-gradient(135deg, #ff6b6b, #e55a5a); + border: none; + border-radius: 50px; + padding: 10px 30px; + font-weight: 600; + color: white; + transition: all 0.3s ease; +} + +.btn-flower:hover { + transform: translateY(-2px); + box-shadow: 0 5px 15px rgba(255, 107, 107, 0.3); + color: white; +} + +.btn-flower-outline { + border: 2px solid #ff6b6b; + border-radius: 50px; + padding: 10px 30px; + font-weight: 600; + color: #ff6b6b; + background: transparent; + transition: all 0.3s ease; +} + +.btn-flower-outline:hover { + background: #ff6b6b; + color: white; + transform: translateY(-2px); +} + +/* 响应式调整 */ +@media (max-width: 768px) { + .flower-card .card-img-top { + height: 200px; + } + + .category-card { + padding: 1.5rem 0.5rem; + } + + .category-card .category-icon { + width: 60px; + height: 60px; + font-size: 1.5rem; + } + + .process-step { + padding: 1.5rem 0.5rem; + } +} + +/* 章节标题样式 */ +.section-title { + position: relative; + padding-bottom: 15px; + margin-bottom: 40px; + color: #333; +} + +.section-title::after { + content: ""; + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); + width: 60px; + height: 3px; + background: linear-gradient(135deg, #ff6b6b 0%, #e55a5a 100%); + border-radius: 3px; +} + +/* 动画效果 */ +@keyframes flowerBloom { + 0% { + transform: scale(0.8); + opacity: 0; + } + 100% { + transform: scale(1); + opacity: 1; + } +} + +.flower-card { + animation: flowerBloom 0.6s ease-out; +} + +/* 加载动画 */ +.flower-loading { + display: flex; + justify-content: center; + align-items: center; + height: 200px; +} + +.flower-loading .spinner-border { + color: #ff6b6b; +} + +/* 空状态样式 */ +.flower-empty { + text-align: center; + padding: 3rem 1rem; + color: #6c757d; +} + +.flower-empty i { + font-size: 4rem; + color: #dee2e6; + margin-bottom: 1rem; +} + +.flower-empty h4 { + color: #495057; + margin-bottom: 1rem; +} + +/* 价格标签样式 */ +.price-badge { + background: linear-gradient(135deg, #ff6b6b, #ff8e8e); + color: white; + padding: 0.25rem 0.75rem; + border-radius: 15px; + font-size: 0.8rem; + font-weight: 600; +} + +/* 折扣标签样式 */ +.discount-badge { + background: #20c997; + color: white; + padding: 0.25rem 0.5rem; + border-radius: 10px; + font-size: 0.7rem; + font-weight: 600; + position: absolute; + top: 10px; + right: 10px; + z-index: 1; +} + +/* 卡片悬停效果增强 */ +.flower-card { + position: relative; +} + +.flower-card::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: linear-gradient(135deg, rgba(255, 107, 107, 0.1), rgba(255, 142, 142, 0.1)); + opacity: 0; + transition: opacity 0.3s ease; + pointer-events: none; +} + +.flower-card:hover::before { + opacity: 1; +} \ No newline at end of file diff --git a/website/css/privacy.css b/website/css/privacy.css new file mode 100644 index 0000000..45a760e --- /dev/null +++ b/website/css/privacy.css @@ -0,0 +1,225 @@ +/* 隐私政策页面样式 */ + +/* 页面头部 */ +.privacy-header { + background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); + padding-top: 120px; + padding-bottom: 80px; + position: relative; + overflow: hidden; +} + +.privacy-header::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: url('../images/pattern-bg.png') center/cover; + opacity: 0.1; +} + +.min-vh-50 { + min-height: 50vh; +} + +/* 隐私政策内容区域 */ +.privacy-content { + background: #fff; + border-radius: 20px; + box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); + padding: 3rem; + margin-top: -60px; + position: relative; + z-index: 1; +} + +/* 隐私政策章节 */ +.privacy-section { + margin-bottom: 2.5rem; + padding-bottom: 2rem; + border-bottom: 1px solid #eee; +} + +.privacy-section:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; +} + +.privacy-section h2 { + color: #333; + font-weight: 600; + border-left: 4px solid #4facfe; + padding-left: 1rem; + margin-bottom: 1.5rem; +} + +.privacy-section h3 { + color: #555; + font-weight: 600; + margin-top: 1.5rem; + margin-bottom: 1rem; + padding-left: 0.5rem; + border-left: 3px solid #00f2fe; +} + +.privacy-section p { + color: #666; + line-height: 1.8; + margin-bottom: 1rem; + text-align: justify; +} + +.privacy-section ul { + color: #666; + line-height: 1.8; + margin-bottom: 1rem; + padding-left: 2rem; +} + +.privacy-section li { + margin-bottom: 0.5rem; + position: relative; +} + +.privacy-section li::before { + content: '•'; + color: #4facfe; + font-weight: bold; + position: absolute; + left: -1rem; +} + +/* 强调文本 */ +.privacy-section strong { + color: #333; + font-weight: 600; +} + +/* 定义列表 */ +.privacy-section .list-unstyled li { + margin-bottom: 0.8rem; + padding-left: 0; +} + +.privacy-section .list-unstyled li::before { + content: none; +} + +.privacy-section .list-unstyled strong { + color: #4facfe; + margin-right: 0.5rem; +} + +/* 响应式调整 */ +@media (max-width: 768px) { + .privacy-header { + padding-top: 100px; + padding-bottom: 60px; + } + + .privacy-content { + padding: 2rem 1.5rem; + margin-top: -40px; + } + + .privacy-section { + margin-bottom: 2rem; + padding-bottom: 1.5rem; + } + + .privacy-section h2 { + font-size: 1.25rem; + } + + .privacy-section h3 { + font-size: 1.1rem; + } +} + +@media (max-width: 576px) { + .privacy-content { + padding: 1.5rem 1rem; + margin-top: -30px; + } + + .privacy-section { + margin-bottom: 1.5rem; + padding-bottom: 1rem; + } + + .privacy-section ul { + padding-left: 1.5rem; + } + + .privacy-section h2 { + font-size: 1.1rem; + } + + .privacy-section h3 { + font-size: 1rem; + } +} + +/* 打印样式 */ +@media print { + .privacy-header { + background: none !important; + color: #000 !important; + padding-top: 0; + padding-bottom: 2rem; + } + + .privacy-header::before { + display: none; + } + + .privacy-content { + box-shadow: none; + border: 1px solid #ddd; + margin-top: 0; + } + + .privacy-section h2, + .privacy-section h3 { + color: #000 !important; + } + + .privacy-section p, + .privacy-section ul { + color: #000 !important; + } + + .privacy-section strong { + color: #000 !important; + } +} + +/* 特殊样式 */ +.privacy-section ul ul { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} + +.privacy-section ul ul li::before { + content: '◦'; + color: #00f2fe; +} + +/* 强调框 */ +.privacy-section > p:first-child { + font-size: 1.1rem; + font-weight: 500; + color: #444; +} + +/* 附录特殊样式 */ +.privacy-section:last-child h2 { + border-left-color: #ff6b6b; +} + +.privacy-section:last-child ul li::before { + color: #ff6b6b; +} \ No newline at end of file diff --git a/website/css/reward.css b/website/css/reward.css new file mode 100644 index 0000000..eac4497 --- /dev/null +++ b/website/css/reward.css @@ -0,0 +1,289 @@ +/* 推广奖励页面样式 */ + +/* 页面头部样式 */ +.page-header.reward-header { + background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), + url('data:image/svg+xml;utf8,'); + background-size: cover; + background-position: center; +} + +.benefit-box { + text-align: center; + padding: 30px; + transition: transform 0.3s ease, box-shadow 0.3s ease; + height: 100%; + border-radius: 10px; + background: #fff; + box-shadow: 0 5px 15px rgba(0,0,0,0.05); +} + +.benefit-box:hover { + transform: translateY(-10px); + box-shadow: 0 15px 30px rgba(0,0,0,0.1); +} + +.benefit-icon { + width: 80px; + height: 80px; + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(135deg, #f39c12 0%, #d35400 100%); + color: white; + border-radius: 50%; + font-size: 2rem; + margin: 0 auto 20px; + transition: transform 0.3s ease; +} + +.benefit-box:hover .benefit-icon { + transform: scale(1.1); +} + +.commission-card { + padding: 30px 20px; + text-align: center; + background: #fff; + border-radius: 10px; + box-shadow: 0 5px 15px rgba(0,0,0,0.05); + transition: transform 0.3s ease, box-shadow 0.3s ease; + height: 100%; + border: 1px solid #eee; +} + +.commission-card:hover { + transform: translateY(-5px); + box-shadow: 0 15px 30px rgba(0,0,0,0.1); +} + +.commission-icon { + width: 70px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); + color: white; + border-radius: 50%; + font-size: 1.5rem; + margin: 0 auto 20px; +} + +.commission-rate { + font-size: 2rem; + font-weight: 700; + color: #f39c12; + margin: 15px 0; +} + +.promotion-method { + padding: 30px 20px; + text-align: center; + background: #fff; + border-radius: 10px; + box-shadow: 0 5px 15px rgba(0,0,0,0.05); + transition: transform 0.3s ease, box-shadow 0.3s ease; + height: 100%; + border: 1px solid #eee; +} + +.promotion-method:hover { + transform: translateY(-5px); + box-shadow: 0 15px 30px rgba(0,0,0,0.1); +} + +.method-icon { + width: 70px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%); + color: white; + border-radius: 50%; + font-size: 1.5rem; + margin: 0 auto 20px; +} + +.card { + border: none; + box-shadow: 0 5px 15px rgba(0,0,0,0.05); +} + +.form-control, .form-select { + padding: 10px 15px; + border: 1px solid #ddd; + border-radius: 5px; +} + +.btn-rounded { + border-radius: 50px; + padding: 10px 30px; +} + +.section-title { + position: relative; + padding-bottom: 15px; + margin-bottom: 40px; +} + +.section-title::after { + content: ""; + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); + width: 60px; + height: 3px; + background: linear-gradient(135deg, #f39c12 0%, #d35400 100%); + border-radius: 3px; +} + +.result-area { + transition: all 0.3s ease; +} + +#resultAmount { + color: #f39c12; + font-weight: 700; +} + +/* 响应式调整 */ +@media (max-width: 768px) { + .benefit-box { + padding: 20px; + } + + .benefit-icon { + width: 60px; + height: 60px; + font-size: 1.5rem; + } + + .commission-card { + padding: 20px 15px; + } + + .commission-icon { + width: 50px; + height: 50px; + font-size: 1.2rem; + } + + .commission-rate { + font-size: 1.5rem; + } + + .promotion-method { + padding: 20px 15px; + } + + .promotion-method .method-icon { + width: 60px; + height: 60px; + font-size: 1.5rem; + } + + #promotionForm { + padding: 0 1rem; + } +} + +/* 动画效果 */ +@keyframes rewardPulse { + 0% { + transform: scale(1); + box-shadow: 0 10px 30px rgba(108, 92, 231, 0.1); + } + 50% { + transform: scale(1.02); + box-shadow: 0 15px 35px rgba(108, 92, 231, 0.2); + } + 100% { + transform: scale(1); + box-shadow: 0 10px 30px rgba(108, 92, 231, 0.1); + } +} + +.benefit-box, +.commission-card, +.promotion-method { + animation: rewardPulse 2s ease-in-out infinite; +} + +/* 加载动画 */ +.reward-loading { + display: flex; + justify-content: center; + align-items: center; + height: 200px; +} + +.reward-loading .spinner-border { + color: #6c5ce7; +} + +/* 空状态样式 */ +.reward-empty { + text-align: center; + padding: 3rem 1rem; + color: #6c757d; +} + +.reward-empty i { + font-size: 4rem; + color: #dee2e6; + margin-bottom: 1rem; +} + +.reward-empty h4 { + color: #495057; + margin-bottom: 1rem; +} + +/* 进度条样式 */ +.progress-bar-reward { + background: linear-gradient(135deg, #6c5ce7, #a29bfe); +} + +/* 标签样式 */ +.reward-tag { + display: inline-block; + padding: 0.25rem 0.75rem; + border-radius: 15px; + font-size: 0.75rem; + font-weight: 500; + background: rgba(108, 92, 231, 0.1); + color: #6c5ce7; + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} + +/* 统计数字样式 */ +.reward-stat { + text-align: center; + padding: 1.5rem; +} + +.reward-stat-number { + font-size: 2.5rem; + font-weight: bold; + color: #6c5ce7; + margin-bottom: 0.5rem; +} + +.reward-stat-label { + color: #6c757d; + font-size: 0.9rem; +} + +/* 渐变背景效果 */ +.gradient-bg { + background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 50%, #6c5ce7 100%); + color: white; +} + +.gradient-bg h1, .gradient-bg h2, .gradient-bg h3, .gradient-bg h4, .gradient-bg h5, .gradient-bg h6 { + color: white; +} \ No newline at end of file diff --git a/website/css/terms.css b/website/css/terms.css new file mode 100644 index 0000000..be68f66 --- /dev/null +++ b/website/css/terms.css @@ -0,0 +1,188 @@ +/* 用户协议页面样式 */ + +/* 页面头部 */ +.terms-header { + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + padding-top: 120px; + padding-bottom: 80px; + position: relative; + overflow: hidden; +} + +.terms-header::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: url('../images/pattern-bg.png') center/cover; + opacity: 0.1; +} + +.min-vh-50 { + min-height: 50vh; +} + +/* 协议内容区域 */ +.terms-content { + background: #fff; + border-radius: 20px; + box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); + padding: 3rem; + margin-top: -60px; + position: relative; + z-index: 1; +} + +/* 协议章节 */ +.terms-section { + margin-bottom: 2.5rem; + padding-bottom: 2rem; + border-bottom: 1px solid #eee; +} + +.terms-section:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; +} + +.terms-section h2 { + color: #333; + font-weight: 600; + border-left: 4px solid #667eea; + padding-left: 1rem; + margin-bottom: 1.5rem; +} + +.terms-section p { + color: #666; + line-height: 1.8; + margin-bottom: 1rem; + text-align: justify; +} + +.terms-section ul { + color: #666; + line-height: 1.8; + margin-bottom: 1rem; + padding-left: 2rem; +} + +.terms-section li { + margin-bottom: 0.5rem; + position: relative; +} + +.terms-section li::before { + content: '•'; + color: #667eea; + font-weight: bold; + position: absolute; + left: -1rem; +} + +/* 联系信息 */ +.terms-contact { + background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); + border-radius: 15px; + padding: 2rem; + border-left: 4px solid #28a745; +} + +.terms-contact h3 { + color: #333; + font-weight: 600; + margin-bottom: 1.5rem; +} + +.terms-contact ul li { + margin-bottom: 1rem; + color: #666; +} + +.terms-contact strong { + color: #333; + font-weight: 600; +} + +/* 响应式调整 */ +@media (max-width: 768px) { + .terms-header { + padding-top: 100px; + padding-bottom: 60px; + } + + .terms-content { + padding: 2rem 1.5rem; + margin-top: -40px; + } + + .terms-section { + margin-bottom: 2rem; + padding-bottom: 1.5rem; + } + + .terms-section h2 { + font-size: 1.25rem; + } + + .terms-contact { + padding: 1.5rem; + } +} + +@media (max-width: 576px) { + .terms-content { + padding: 1.5rem 1rem; + margin-top: -30px; + } + + .terms-section { + margin-bottom: 1.5rem; + padding-bottom: 1rem; + } + + .terms-section ul { + padding-left: 1.5rem; + } + + .terms-contact { + padding: 1rem; + } +} + +/* 打印样式 */ +@media print { + .terms-header { + background: none !important; + color: #000 !important; + padding-top: 0; + padding-bottom: 2rem; + } + + .terms-header::before { + display: none; + } + + .terms-content { + box-shadow: none; + border: 1px solid #ddd; + margin-top: 0; + } + + .terms-section h2 { + color: #000 !important; + } + + .terms-section p, + .terms-section ul { + color: #000 !important; + } + + .terms-contact { + background: none !important; + border: 1px solid #ddd; + } +} \ No newline at end of file diff --git a/website/css/travel.css b/website/css/travel.css new file mode 100644 index 0000000..bd726fb --- /dev/null +++ b/website/css/travel.css @@ -0,0 +1,236 @@ +/* 旅行结伴页面样式 */ + +.page-header.travel-header { + background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), + url('data:image/svg+xml;utf8,'); + background-size: cover; + background-position: center; +} + +.travel-header { + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + background-size: cover; + background-position: center; + position: relative; +} + +.travel-header::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.4); +} + +.travel-plan-card { + transition: transform 0.3s ease, box-shadow 0.3s ease; + border: none; + border-radius: 15px; + overflow: hidden; +} + +.travel-plan-card:hover { + transform: translateY(-5px); + box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); +} + +.travel-plan-card .card-img-top { + height: 200px; + object-fit: cover; +} + +.travel-plan-card .card-body { + padding: 1.5rem; +} + +.travel-plan-card .destination { + font-size: 1.25rem; + font-weight: 600; + color: #2c3e50; +} + +.travel-plan-card .travel-date { + color: #6c757d; + font-size: 0.9rem; +} + +.travel-plan-card .budget-badge { + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + color: white; + padding: 0.25rem 0.75rem; + border-radius: 20px; + font-size: 0.8rem; +} + +.travel-plan-card .participants { + display: flex; + align-items: center; + gap: 0.5rem; + color: #6c757d; +} + +.travel-plan-card .action-buttons { + display: flex; + gap: 0.5rem; + margin-top: 1rem; +} + +/* 筛选器样式 */ +.travel-filter { + background: white; + border-radius: 15px; + padding: 1.5rem; + margin-bottom: 2rem; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} + +.travel-filter .filter-title { + font-weight: 600; + margin-bottom: 1rem; + color: #2c3e50; +} + +/* 表单样式 */ +#travel-plan-form .form-control, +#travel-plan-form .form-select { + border-radius: 10px; + border: 2px solid #e9ecef; + padding: 0.75rem 1rem; +} + +#travel-plan-form .form-control:focus, +#travel-plan-form .form-select:focus { + border-color: #667eea; + box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25); +} + +/* 响应式调整 */ +@media (max-width: 768px) { + .travel-plan-card { + margin-bottom: 1.5rem; + } + + .travel-filter { + margin-bottom: 1.5rem; + } + + .action-buttons { + flex-direction: column; + } +} + +/* 特色功能样式 */ +.feature-icon { + width: 80px; + height: 80px; + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); + color: white; + border-radius: 50%; + font-size: 2rem; + margin: 0 auto 20px; + transition: transform 0.3s ease; +} + +.feature-box { + text-align: center; + padding: 30px; + transition: transform 0.3s ease, box-shadow 0.3s ease; + height: 100%; + border-radius: 10px; + background: #fff; +} + +.feature-box:hover { + transform: translateY(-10px); + box-shadow: 0 10px 30px rgba(0,0,0,0.1); +} + +.feature-box:hover .feature-icon { + transform: scale(1.1); +} + +/* 增强的卡片样式 */ +.card { + transition: transform 0.3s ease, box-shadow 0.3s ease; + border: none; + box-shadow: 0 5px 15px rgba(0,0,0,0.05); +} + +.card:hover { + transform: translateY(-5px); + box-shadow: 0 15px 30px rgba(0,0,0,0.1); +} + +/* 圆角按钮 */ +.btn-rounded { + border-radius: 50px; + padding: 10px 30px; +} + +/* 章节标题样式 */ +.section-title { + position: relative; + padding-bottom: 15px; + margin-bottom: 40px; +} + +.section-title::after { + content: ""; + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); + width: 60px; + height: 3px; + background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); + border-radius: 3px; +} + +/* 动画效果 */ +@keyframes slideInUp { + from { + opacity: 0; + transform: translateY(30px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +.travel-plan-card { + animation: slideInUp 0.6s ease forwards; +} + +.travel-plan-card:nth-child(1) { animation-delay: 0.1s; } +.travel-plan-card:nth-child(2) { animation-delay: 0.2s; } +.travel-plan-card:nth-child(3) { animation-delay: 0.3s; } +.travel-plan-card:nth-child(4) { animation-delay: 0.4s; } +.travel-plan-card:nth-child(5) { animation-delay: 0.5s; } + +/* 加载状态 */ +.travel-loading { + display: flex; + justify-content: center; + align-items: center; + min-height: 200px; +} + +.travel-loading .spinner { + width: 3rem; + height: 3rem; + border: 3px solid #f3f3f3; + border-top: 3px solid #667eea; + border-radius: 50%; + animation: spin 1s linear infinite; +} + +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} \ No newline at end of file diff --git a/website/flower.html b/website/flower.html new file mode 100644 index 0000000..c063fc3 --- /dev/null +++ b/website/flower.html @@ -0,0 +1,567 @@ + + + + + + 送花服务 - 结伴客 + + + + + + + + + + + + + + + + +
+
+
+
+

送花服务

+

为你的结伴伙伴或重要的人订购鲜花
传递温暖和浪漫

+ 精选花束 + 定制花束 +
+
+
+
+ + +
+
+
+
+

为什么选择我们的送花服务

+

专业、贴心、高品质的鲜花配送服务

+
+
+
+
+
+
+ +
+

优质花材

+

精选当季新鲜花材，确保每一朵花都绽放美丽。

+
+
+
+
+
+ +
+

快速配送

+

专业配送团队，准时送达，确保鲜花新鲜如初。

+
+
+
+
+
+ +
+

精美包装

+

专业花艺师精心包装，让每一份礼物都充满心意。

+
+
+
+
+
+ + +
+
+
+
+

鲜花分类

+

根据不同场合选择合适的鲜花

+
+
+
+
+
+
+ +
+

爱情鲜花

+

玫瑰、百合等表达爱意的浪漫花束

+
+
+
+
+
+ +
+

友情鲜花

+

向日葵、康乃馨等传递友谊的温馨花束

+
+
+
+
+
+ +
+

生日鲜花

+

色彩缤纷的生日祝福花束

+
+
+
+
+
+ +
+

商务鲜花

+

高端大气的商务场合用花

+
+
+
+
+
+ + +
+
+
+
+

精选花束

+

热销花束推荐

+
+
+
+
+
+

筛选条件

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+ 玫瑰花束 +
+
经典红玫瑰
+

99朵红玫瑰，表达热烈的爱意，是情人节和纪念日的经典选择。

+
+ ¥299 + 热销 +
+
+
+ 适用场合：情人节、纪念日、求婚 +
+
+
+
+
+ 康乃馨 +
+
温馨康乃馨
+

12朵粉色康乃馨，传递温暖的祝福，适合母亲节和探望长辈。

+
+ ¥128 + 推荐 +
+
+
+ 适用场合：母亲节、探望、祝福 +
+
+
+
+
+ 向日葵 +
+
阳光向日葵
+

6朵向日葵搭配满天星，带来阳光般的温暖和积极的能量。

+
+ ¥168 + 新品 +
+
+
+ 适用场合：鼓励、祝福、开业 +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+

定制花束

+

根据您的需求定制专属花束

+
+
+
+
+ 定制花束 +
+
+

个性化定制服务

+

我们的专业花艺师可根据您的需求定制专属花束，包括：

+
    +
  • 指定花材和颜色搭配
    • +
  • 个性化包装设计
    • +
  • 专属贺卡内容
    • +
  • 特殊场合定制方案
    • +
  • 定期配送服务
    • +
+ 立即定制 +
+
+
+
+ + +
+
+
+
+

配送服务

+

覆盖全国主要城市的鲜花配送

+
+
+
+
+
+
+ +
+

急速配送

+

同城配送最快2小时内送达，跨城配送1-2天内送达。

+
+
+
+
+
+ +
+

精准定位

+

GPS定位系统确保配送地址准确无误。

+
+
+
+
+
+ +
+

安全送达

+

专业配送团队，确保鲜花完好无损地送达。

+
+
+
+
+
+ + +
+
+
+
+

用户好评

+

看看用户对我们的评价

+
+
+
+
+
+
+
+ + + + + +
+

"情人节给女朋友订的99朵红玫瑰，花很新鲜，包装精美，准时送达。女朋友非常喜欢，服务真的很棒！"

+
+ 用户: 张先生 + 2025-02-14 +
+
+
+
+
+
+
+
+ + + + + +
+

"母亲节给妈妈订的康乃馨，花很新鲜，配送也很及时。妈妈收到后很高兴，说这是她收到的最好的母亲节礼物。"

+
+ 用户: 李女士 + 2025-05-12 +
+
+
+
+
+
+
+
+ + + + + +
+

"公司开业订购的花篮，数量多但质量很好，配送及时。开业当天效果非常好，客户和员工都很满意。"

+
+ 用户: 王经理 + 2025-03-20 +
+
+
+
+
+
+
+ + +
+
+
+
+

常见问题

+

关于送花服务，您可能有以下疑问

+
+
+
+
+
+
+

+ +

+
+
+ 我们与当地优质花农合作，每日清晨采摘最新鲜的花材。专业冷链运输和保鲜技术确保鲜花在配送过程中保持最佳状态。 +
+
+
+
+

+ +

+
+
+ 可以指定配送日期和时间段。我们提供多种配送时间选项，包括工作日和节假日配送，满足您的不同需求。 +
+
+
+
+

+ +

+
+
+ 配送员会联系收花人确认送达时间。如遇特殊情况，可联系客服修改配送时间或地址。我们也会提供代收服务，确保鲜花安全送达。 +
+
+
+
+

+ +

+
+
+ 如收到的鲜花有质量问题，请在24小时内联系客服并提供照片证据。我们将根据情况提供重新配送、部分退款或全额退款等解决方案。 +
+
+
+
+
+
+
+
+ + + + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/website/images/animal-case1.svg b/website/images/animal-case1.svg new file mode 100644 index 0000000..3ca5c98 --- /dev/null +++ b/website/images/animal-case1.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 小羊认领案例 + \ No newline at end of file diff --git a/website/images/animal-case2.svg b/website/images/animal-case2.svg new file mode 100644 index 0000000..850eed5 --- /dev/null +++ b/website/images/animal-case2.svg @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 小白兔认领案例 + \ No newline at end of file diff --git a/website/images/animal-case3.svg b/website/images/animal-case3.svg new file mode 100644 index 0000000..bca291c --- /dev/null +++ b/website/images/animal-case3.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + 企业CSR + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 企业鸡群认领案例 + \ No newline at end of file diff --git a/website/images/chicken1.svg b/website/images/chicken1.svg new file mode 100644 index 0000000..f1704cd --- /dev/null +++ b/website/images/chicken1.svg @@ -0,0 +1,54 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/images/duck1.svg b/website/images/duck1.svg new file mode 100644 index 0000000..252a1f0 --- /dev/null +++ b/website/images/duck1.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/images/flower-case1.svg b/website/images/flower-case1.svg new file mode 100644 index 0000000..ad41f24 --- /dev/null +++ b/website/images/flower-case1.svg @@ -0,0 +1,90 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 浪漫求婚惊喜 + 99朵玫瑰·感动时刻 + + + + + + + + + \ No newline at end of file diff --git a/website/images/flower-case2.svg b/website/images/flower-case2.svg new file mode 100644 index 0000000..b18ec10 --- /dev/null +++ b/website/images/flower-case2.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 特别的生日礼物 + 温暖祝福·远方关怀 + + + + + + + + + + + + \ No newline at end of file diff --git a/website/images/flower-case3.svg b/website/images/flower-case3.svg new file mode 100644 index 0000000..eac07b5 --- /dev/null +++ b/website/images/flower-case3.svg @@ -0,0 +1,131 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 开业大吉 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 商务庆典花篮 + 专业定制·喜庆氛围 + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/images/flower-pattern.svg b/website/images/flower-pattern.svg new file mode 100644 index 0000000..634ed70 --- /dev/null +++ b/website/images/flower-pattern.svg @@ -0,0 +1,64 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/images/goat1.svg b/website/images/goat1.svg new file mode 100644 index 0000000..f6688a0 --- /dev/null +++ b/website/images/goat1.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/images/goat2.svg b/website/images/goat2.svg new file mode 100644 index 0000000..3d1c7f9 --- /dev/null +++ b/website/images/goat2.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 强壮山羊 + \ No newline at end of file diff --git a/website/images/rabbit1.svg b/website/images/rabbit1.svg new file mode 100644 index 0000000..9957942 --- /dev/null +++ b/website/images/rabbit1.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/images/reward-pattern.svg b/website/images/reward-pattern.svg new file mode 100644 index 0000000..0d20640 --- /dev/null +++ b/website/images/reward-pattern.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/images/sheep1.svg b/website/images/sheep1.svg new file mode 100644 index 0000000..d1553a0 --- /dev/null +++ b/website/images/sheep1.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/images/travel-case1.svg b/website/images/travel-case1.svg new file mode 100644 index 0000000..a525268 --- /dev/null +++ b/website/images/travel-case1.svg @@ -0,0 +1,54 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 西藏朝圣之旅 + 5人结伴·15天深度游 + \ No newline at end of file diff --git a/website/images/travel-case2.svg b/website/images/travel-case2.svg new file mode 100644 index 0000000..1eea4fe --- /dev/null +++ b/website/images/travel-case2.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 三亚阳光假期 + 3个家庭·海边度假 + \ No newline at end of file diff --git a/website/images/travel-case3.svg b/website/images/travel-case3.svg new file mode 100644 index 0000000..2135fbf --- /dev/null +++ b/website/images/travel-case3.svg @@ -0,0 +1,95 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 江南古镇文化游 + 文化爱好者·古镇探访 + + + + + + \ No newline at end of file diff --git a/website/index.html b/website/index.html index 57d8c0e..f45dc6d 100644 --- a/website/index.html +++ b/website/index.html @@ -31,7 +31,7 @@

旅行结伴

发布你的旅行计划，寻找志同道合的旅行伙伴，一起探索世界的美好。

+ 了解更多
@@ -86,16 +87,18 @@

动物认领

认领可爱的动物，体验农场生活，与动物建立深厚的情感纽带。

+ 了解更多
- +

送花服务

为你的结伴伙伴或重要的人订购鲜花，传递温暖和浪漫。

+ 了解更多
@@ -118,7 +121,7 @@

通过结伴客，我找到了一起去西藏的伙伴，还认领了一只小羊，这是一次非常难忘的经历！

- 用户小李 + 用户小李
小李
旅行爱好者 @@ -136,7 +139,7 @@

作为农场主，结伴客为我们带来了大量游客，动物认领业务增长了300%！

- 商家王老板 + 商家王老板
王老板
绿野农场 @@ -154,7 +157,7 @@

通过结伴客的送花服务，我给了她一个浪漫的惊喜，我们的关系更进一步了！

- 用户小张 + 用户小张
小张
浪漫主义者 @@ -166,6 +169,48 @@
+ +
+
+
+

推广奖励

+
+
+ +
+
+
+
+

分享即赚钱

+

将结伴客推荐给朋友，他们通过您的链接注册或下单，您即可获得丰厚佣金。

+
    +
  • 旅行结伴订单15%佣金
    • +
  • 动物认领订单20%佣金
    • +
  • 送花服务订单12%佣金
    • +
  • 新用户注册奖励¥10
    • +
+
+
+
+ +
+
+
+

如何参与

+
    +
  1. 注册成为结伴客用户
    2. +
  2. 进入推广奖励页面获取专属链接
    3. +
  3. 分享链接给朋友
    4. +
  4. 朋友通过链接注册或下单
    5. +
  5. 获得相应佣金奖励
    6. +
+ 立即参与 +
+
+
+
+
+
@@ -199,10 +244,10 @@
产品
@@ -242,8 +287,8 @@
diff --git a/website/js/animal.js b/website/js/animal.js new file mode 100644 index 0000000..4bda011 --- /dev/null +++ b/website/js/animal.js @@ -0,0 +1,435 @@ +// 动物认领功能JavaScript + +class AnimalManager { + constructor() { + this.apiBaseUrl = 'https://api.jiebanke.com/api/animals'; + this.animalsContainer = document.getElementById('animals-container'); + this.init(); + } + + async init() { + await this.loadAnimals(); + this.bindFilterEvents(); + } + + async loadAnimals() { + try { + // 模拟API调用，实际项目中替换为真实API + const mockAnimals = [ + { + id: 1, + name: "小白", + type: "sheep", + typeName: "绵羊", + age: "baby", + ageText: "3个月", + gender: "female", + description: "温顺可爱的小绵羊，喜欢和人亲近，非常适合初次认领者。", + status: "available", + image: "images/sheep1.svg", + price: 800, + location: "绿野农场", + health: "健康", + personality: "温顺、亲人" + }, + { + id: 2, + name: "小黑", + type: "goat", + typeName: "山羊", + age: "young", + ageText: "1岁", + gender: "male", + description: "活泼好动的小山羊，喜欢探索新环境，精力充沛。", + status: "available", + image: "images/goat1.svg", + price: 600, + location: "阳光牧场", + health: "健康", + personality: "活泼、好奇" + }, + { + id: 3, + name: "雪球", + type: "rabbit", + typeName: "兔子", + age: "baby", + ageText: "2个月", + gender: "female", + description: "洁白如雪的小兔子，性格温和，非常适合家庭认领。", + status: "reserved", + image: "images/rabbit1.svg", + price: 300, + location: "爱心农场", + health: "健康", + personality: "温和、安静" + }, + { + id: 4, + name: "金蛋", + type: "chicken", + typeName: "鸡", + age: "adult", + ageText: "2岁", + gender: "female", + description: "产蛋能力强的母鸡，每天都能提供新鲜鸡蛋。", + status: "available", + image: "images/chicken1.svg", + price: 200, + location: "丰收农场", + health: "健康", + personality: "勤劳、温顺" + }, + { + id: 5, + name: "花花", + type: "duck", + typeName: "鸭子", + age: "young", + ageText: "8个月", + gender: "female", + description: "可爱的鸭子，喜欢在水中嬉戏，性格活泼开朗。", + status: "available", + image: "images/duck1.svg", + price: 250, + location: "水乡农场", + health: "健康", + personality: "活泼、友善" + }, + { + id: 6, + name: "大角", + type: "goat", + typeName: "山羊", + age: "adult", + ageText: "3岁", + gender: "male", + description: "强壮的公山羊，有着漂亮的角，性格独立但温顺。", + status: "available", + image: "images/goat2.svg", + price: 900, + location: "山野牧场", + health: "健康", + personality: "独立、温顺" + } + ]; + + this.displayAnimals(mockAnimals); + } catch (error) { + console.error('加载动物列表失败:', error); + this.showError('加载动物列表失败，请刷新页面重试'); + } + } + + displayAnimals(animals) { + if (animals.length === 0) { + this.animalsContainer.innerHTML = ` +
+
+ + 暂无可用动物，请稍后再来查看 +
+
+ `; + return; + } + + const animalsHTML = animals.map(animal => ` +
+
+ ${animal.name} +
+
+
${animal.name}
+ + ${animal.status === 'available' ? '可认领' : '已被认领'} + +
+ +
+ + ${animal.typeName} +
+ +
+ + ${animal.ageText} +
+ +

+ ${animal.description} +

+ +
+ ¥${animal.price} + ${animal.location} +
+ +
+ + +
+
+
+
+ `).join(''); + + this.animalsContainer.innerHTML = animalsHTML; + } + + bindFilterEvents() { + const filterType = document.getElementById('filter-type'); + const filterAge = document.getElementById('filter-age'); + const filterStatus = document.getElementById('filter-status'); + + if (filterType) filterType.addEventListener('change', () => this.filterAnimals()); + if (filterAge) filterAge.addEventListener('change', () => this.filterAnimals()); + if (filterStatus) filterStatus.addEventListener('change', () => this.filterAnimals()); + } + + async filterAnimals() { + const type = document.getElementById('filter-type').value; + const age = document.getElementById('filter-age').value; + const status = document.getElementById('filter-status').value; + + try { + // 模拟筛选功能 + const mockAnimals = await this.loadAnimals(); // 重新加载数据 + let filteredAnimals = mockAnimals; + + if (type) { + filteredAnimals = filteredAnimals.filter(animal => animal.type === type); + } + + if (age) { + filteredAnimals = filteredAnimals.filter(animal => animal.age === age); + } + + if (status) { + filteredAnimals = filteredAnimals.filter(animal => animal.status === status); + } + + this.displayAnimals(filteredAnimals); + } catch (error) { + console.error('筛选动物失败:', error); + this.showError('筛选失败，请刷新页面重试'); + } + } + + viewAnimalDetail(animalId) { + // 在实际项目中，这里可以跳转到详情页或显示认领表单 + console.log('查看动物详情:', animalId); + + // 显示认领表单模态框 + this.showClaimForm(animalId); + } + + showAnimalInfo(animalId) { + // 显示动物详细信息模态框 + console.log('显示动物信息:', animalId); + + // 这里可以显示一个包含动物详细信息的模态框 + alert('动物详细信息功能开发中，即将上线'); + } + + showClaimForm(animalId) { + // 创建认领表单模态框 + const modalHTML = ` + + `; + + // 添加模态框到页面 + document.body.insertAdjacentHTML('beforeend', modalHTML); + + // 显示模态框 + const modal = new bootstrap.Modal(document.getElementById('claimModal')); + modal.show(); + + // 绑定表单提交事件 + document.getElementById('claimForm').addEventListener('submit', this.handleClaimSubmit.bind(this)); + + // 模态框关闭时清理 + document.getElementById('claimModal').addEventListener('hidden.bs.modal', function () { + this.remove(); + }); + } + + async handleClaimSubmit(event) { + event.preventDefault(); + + const formData = { + animalId: document.getElementById('animalId').value, + fullName: document.getElementById('fullName').value, + phone: document.getElementById('phone').value, + email: document.getElementById('email').value, + purpose: document.getElementById('purpose').value, + experience: document.getElementById('experience').value + }; + + // 表单验证 + if (!this.validateClaimForm(formData)) { + return; + } + + try { + // 模拟API调用 + console.log('提交认领申请:', formData); + + // 显示成功消息 + this.showSuccess('认领申请提交成功！我们会尽快联系您'); + + // 关闭模态框 + bootstrap.Modal.getInstance(document.getElementById('claimModal')).hide(); + + // 重新加载动物列表 + await this.loadAnimals(); + + } catch (error) { + console.error('提交认领申请失败:', error); + this.showError('提交失败，请稍后重试'); + } + } + + validateClaimForm(data) { + if (!data.fullName.trim()) { + this.showError('请输入姓名'); + return false; + } + + if (!data.phone.trim() || !/^1[3-9]\d{9}$/.test(data.phone)) { + this.showError('请输入正确的手机号'); + return false; + } + + if (!data.email.trim() || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(data.email)) { + this.showError('请输入正确的邮箱地址'); + return false; + } + + if (!data.purpose.trim()) { + this.showError('请输入认领目的'); + return false; + } + + if (!data.experience) { + this.showError('请选择饲养经验'); + return false; + } + + if (!document.getElementById('agreeTerms').checked) { + this.showError('请同意认领协议'); + return false; + } + + return true; + } + + showTerms() { + alert('认领协议功能开发中，即将上线'); + } + + showSuccess(message) { + this.showAlert(message, 'success'); + } + + showError(message) { + this.showAlert(message, 'danger'); + } + + showAlert(message, type) { + const alertDiv = document.createElement('div'); + alertDiv.className = `alert alert-${type} alert-dismissible fade show`; + alertDiv.innerHTML = ` + ${message} + + `; + + // 插入到页面顶部 + const container = document.querySelector('.container'); + container.insertBefore(alertDiv, container.firstChild); + + // 5秒后自动消失 + setTimeout(() => { + if (alertDiv.parentNode) { + alertDiv.remove(); + } + }, 5000); + } +} + +// 初始化动物管理器 +const animalManager = new AnimalManager(); + +// 页面加载完成后初始化 +document.addEventListener('DOMContentLoaded', function() { + // AOS动画初始化 + if (typeof AOS !== 'undefined') { + AOS.init({ + duration: 1000, + once: true + }); + } +}); \ No newline at end of file diff --git a/website/js/flower.js b/website/js/flower.js new file mode 100644 index 0000000..5a3c232 --- /dev/null +++ b/website/js/flower.js @@ -0,0 +1,447 @@ +// 送花服务功能管理类 +class FlowerManager { + constructor() { + this.flowers = []; + this.filteredFlowers = []; + this.currentFilters = { + category: '', + price: '', + occasion: '' + }; + this.init(); + } + + // 初始化方法 + init() { + this.loadFlowers(); + this.bindEvents(); + AOS.init({ + duration: 1000, + once: true + }); + } + + // 绑定事件 + bindEvents() { + // 筛选器变化事件 + document.getElementById('filter-category').addEventListener('change', (e) => { + this.currentFilters.category = e.target.value; + }); + + document.getElementById('filter-price').addEventListener('change', (e) => { + this.currentFilters.price = e.target.value; + }); + + document.getElementById('filter-occasion').addEventListener('change', (e) => { + this.currentFilters.occasion = e.target.value; + }); + + // 筛选按钮点击事件 + document.querySelector('.flower-filter button').addEventListener('click', () => { + this.filterFlowers(); + }); + + // 页面加载完成后显示鲜花 + document.addEventListener('DOMContentLoaded', () => { + this.displayFlowers(); + }); + } + + // 加载鲜花数据（模拟数据） + loadFlowers() { + this.flowers = [ + { + id: 1, + name: '浪漫红玫瑰', + description: '99朵红玫瑰，象征永恒的爱情和浪漫', + price: 299, + originalPrice: 399, + image: 'images/flower-rose.svg', + category: 'love', + occasion: 'valentine', + tags: ['love', 'romantic'], + inStock: true, + rating: 4.8 + }, + { + id: 2, + name: '生日祝福花束', + description: '多彩花束，包含康乃馨、百合和满天星', + price: 199, + originalPrice: 259, + image: 'images/flower-birthday.svg', + category: 'birthday', + occasion: 'birthday', + tags: ['birthday', 'celebration'], + inStock: true, + rating: 4.6 + }, + { + id: 3, + name: '商务庆典花篮', + description: '大型花篮，适合开业、庆典等商务场合', + price: 599, + originalPrice: 699, + image: 'images/flower-business.svg', + category: 'celebration', + occasion: 'anniversary', + tags: ['business', 'celebration'], + inStock: true, + rating: 4.7 + }, + { + id: 4, + name: '温馨慰问花束', + description: '淡雅花束，表达关怀和慰问之情', + price: 159, + originalPrice: 199, + image: 'images/flower-sympathy.svg', + category: 'sympathy', + occasion: 'thanks', + tags: ['sympathy', 'care'], + inStock: true, + rating: 4.5 + }, + { + id: 5, + name: '永恒爱意花盒', + description: '精美礼盒装，包含玫瑰和配花，永久保存', + price: 459, + originalPrice: 599, + image: 'images/flower-box.svg', + category: 'love', + occasion: 'anniversary', + tags: ['love', 'premium'], + inStock: true, + rating: 4.9 + }, + { + id: 6, + name: '感恩花束', + description: '向日葵为主的花束，表达感谢和敬意', + price: 229, + originalPrice: 279, + image: 'images/flower-thanks.svg', + category: 'celebration', + occasion: 'thanks', + tags: ['thanks', 'gratitude'], + inStock: true, + rating: 4.4 + } + ]; + this.filteredFlowers = [...this.flowers]; + } + + // 筛选鲜花 + filterFlowers() { + this.filteredFlowers = this.flowers.filter(flower => { + let match = true; + + // 分类筛选 + if (this.currentFilters.category && flower.category !== this.currentFilters.category) { + match = false; + } + + // 价格筛选 + if (this.currentFilters.price) { + const [min, max] = this.currentFilters.price.split('-'); + if (max === '+') { + if (flower.price < parseInt(min)) { + match = false; + } + } else { + if (flower.price < parseInt(min) || flower.price > parseInt(max)) { + match = false; + } + } + } + + // 场合筛选 + if (this.currentFilters.occasion && flower.occasion !== this.currentFilters.occasion) { + match = false; + } + + return match; + }); + + this.displayFlowers(); + } + + // 显示鲜花列表 + displayFlowers() { + const container = document.getElementById('flowers-container'); + + if (this.filteredFlowers.length === 0) { + container.innerHTML = ` +
+
+ +

没有找到符合条件的鲜花

+

请尝试调整筛选条件

+
+
+ `; + return; + } + + container.innerHTML = this.filteredFlowers.map(flower => ` +
+
+ ${flower.originalPrice > flower.price ? + `-${Math.round((1 - flower.price / flower.originalPrice) * 100)}%` : + '' + } + ${flower.name} +
+
+ ${flower.tags.map(tag => `${this.getTagName(tag)}`).join('')} +
+
${flower.name}
+

${flower.description}

+
+
+ ¥${flower.price} + ${flower.originalPrice > flower.price ? + `¥${flower.originalPrice}` : + '' + } +
+
+ + ${flower.rating} +
+
+
+ +
+
+
+
+ `).join(''); + } + + // 获取标签名称 + getTagName(tag) { + const tagNames = { + 'love': '爱情', + 'romantic': '浪漫', + 'birthday': '生日', + 'celebration': '庆典', + 'business': '商务', + 'sympathy': '慰问', + 'care': '关怀', + 'premium': '精品', + 'thanks': '感谢', + 'gratitude': '感恩' + }; + return tagNames[tag] || tag; + } + + // 显示订购表单 + showOrderForm(flowerId) { + const flower = this.flowers.find(f => f.id === flowerId); + if (!flower) return; + + // 创建模态框 + const modalHtml = ` + + `; + + // 添加模态框到页面 + if (!document.getElementById('orderModal')) { + document.body.insertAdjacentHTML('beforeend', modalHtml); + } + + // 显示模态框 + const modal = new bootstrap.Modal(document.getElementById('orderModal')); + modal.show(); + } + + // 提交订单 + submitOrder(flowerId) { + const form = document.getElementById('orderForm'); + if (!form.checkValidity()) { + form.reportValidity(); + return; + } + + const formData = new FormData(form); + const orderData = { + flowerId, + recipientName: formData.get('recipientName'), + recipientPhone: formData.get('recipientPhone'), + deliveryAddress: formData.get('deliveryAddress'), + deliveryTime: formData.get('deliveryTime'), + greeting: formData.get('greeting'), + paymentMethod: formData.get('paymentMethod'), + timestamp: new Date().toISOString() + }; + + // 模拟提交订单 + this.showOrderSuccess(orderData); + } + + // 显示订单成功 + showOrderSuccess(orderData) { + // 关闭订购模态框 + const modal = bootstrap.Modal.getInstance(document.getElementById('orderModal')); + modal.hide(); + + // 显示成功提示 + Swal.fire({ + icon: 'success', + title: '订购成功！', + html: ` +
+

订单详情：

+

收花人：${orderData.recipientName}

+

电话：${orderData.recipientPhone}

+

配送地址：${orderData.deliveryAddress}

+

配送时间：${new Date(orderData.deliveryTime).toLocaleString()}

+

我们会在配送前与您确认，感谢您的订购！

+
+ `, + confirmButtonText: '确定', + confirmButtonColor: '#ff6b6b' + }); + } + + // 搜索鲜花 + searchFlowers(query) { + if (!query.trim()) { + this.filteredFlowers = [...this.flowers]; + } else { + this.filteredFlowers = this.flowers.filter(flower => + flower.name.toLowerCase().includes(query.toLowerCase()) || + flower.description.toLowerCase().includes(query.toLowerCase()) || + flower.tags.some(tag => tag.toLowerCase().includes(query.toLowerCase())) + ); + } + this.displayFlowers(); + } +} + +// 页面加载完成后初始化 +let flowerManager; +document.addEventListener('DOMContentLoaded', function() { + flowerManager = new FlowerManager(); + + // 添加搜索功能（如果需要） + const searchInput = document.createElement('input'); + searchInput.type = 'text'; + searchInput.placeholder = '搜索鲜花...'; + searchInput.className = 'form-control mb-3'; + searchInput.style.maxWidth = '300px'; + searchInput.addEventListener('input', (e) => { + flowerManager.searchFlowers(e.target.value); + }); + + const searchContainer = document.createElement('div'); + searchContainer.className = 'd-flex justify-content-center'; + searchContainer.appendChild(searchInput); + + const flowersSection = document.getElementById('flowers'); + if (flowersSection) { + flowersSection.querySelector('.container').insertBefore(searchContainer, flowersSection.querySelector('.row')); + } +}); + +// 工具函数：格式化价格 +function formatPrice(price) { + return '¥' + price.toFixed(2); +} + +// 工具函数：显示加载状态 +function showLoading() { + const container = document.getElementById('flowers-container'); + container.innerHTML = ` +
+
+ +
+
+ `; +} + +// 工具函数：显示错误信息 +function showError(message) { + const container = document.getElementById('flowers-container'); + container.innerHTML = ` +
+ +
+ `; +} \ No newline at end of file diff --git a/website/js/main.js b/website/js/main.js index 4483c79..925df27 100644 --- a/website/js/main.js +++ b/website/js/main.js @@ -32,6 +32,9 @@ document.addEventListener('DOMContentLoaded', function() { // 初始化页面交互 initPageInteractions(); + + // 初始化表单处理 + initForms(); }); // 创建滚动进度条 @@ -195,6 +198,50 @@ function initCallToAction() { }); } +// 表单处理功能 +function initForms() { + const forms = document.querySelectorAll('form'); + + forms.forEach(form => { + form.addEventListener('submit', function(e) { + e.preventDefault(); + + // 表单验证 + if (this.checkValidity()) { + // 显示提交成功消息 + showFormSuccess(this); + // 重置表单 + this.reset(); + } else { + // 显示验证错误 + this.reportValidity(); + } + }); + }); +} + +// 显示表单提交成功消息 +function showFormSuccess(form) { + // 创建成功消息 + const successMessage = document.createElement('div'); + successMessage.className = 'alert alert-success alert-dismissible fade show'; + successMessage.innerHTML = ` + + 提交成功！我们会尽快与您联系。 + + `; + + // 插入到表单前面 + form.parentNode.insertBefore(successMessage, form); + + // 5秒后自动消失 + setTimeout(() => { + if (successMessage.parentNode) { + successMessage.remove(); + } + }, 5000); +} + // 页面性能优化：图片懒加载 function initLazyLoading() { if ('IntersectionObserver' in window) { diff --git a/website/js/reward.js b/website/js/reward.js new file mode 100644 index 0000000..145f534 --- /dev/null +++ b/website/js/reward.js @@ -0,0 +1,455 @@ +// 推广奖励功能管理类 +class RewardManager { + constructor() { + this.promotionData = []; + this.userStats = null; + this.init(); + } + + // 初始化方法 + init() { + this.loadPromotionData(); + this.loadUserStats(); + this.bindEvents(); + AOS.init({ + duration: 1000, + once: true + }); + } + + // 绑定事件 + bindEvents() { + // 表单提交事件 + const promotionForm = document.getElementById('promotionForm'); + if (promotionForm) { + promotionForm.addEventListener('submit', (e) => { + e.preventDefault(); + this.handlePromotionApplication(e.target); + }); + } + + // 协议链接点击事件 + const agreeTerms = document.getElementById('agreeTerms'); + if (agreeTerms) { + agreeTerms.addEventListener('change', (e) => { + this.toggleAgreement(e.target.checked); + }); + } + + // 页面加载完成后显示数据 + document.addEventListener('DOMContentLoaded', () => { + this.displayPromotionStats(); + }); + } + + // 加载推广数据（模拟数据） + loadPromotionData() { + this.promotionData = [ + { + id: 1, + name: '旅行结伴推广', + commissionRate: 15, + totalEarnings: 12500, + successfulReferrals: 84, + conversionRate: 12.5 + }, + { + id: 2, + name: '动物认领推广', + commissionRate: 20, + totalEarnings: 8900, + successfulReferrals: 45, + conversionRate: 18.2 + }, + { + id: 3, + name: '送花服务推广', + commissionRate: 12, + totalEarnings: 6700, + successfulReferrals: 56, + conversionRate: 9.8 + }, + { + id: 4, + name: '新用户注册', + commissionRate: 10, + totalEarnings: 3200, + successfulReferrals: 320, + conversionRate: 25.4 + } + ]; + } + + // 加载用户统计数据（模拟数据） + loadUserStats() { + this.userStats = { + totalEarnings: 31300, + availableBalance: 5200, + totalReferrals: 505, + monthlyEarnings: 4200, + joinDate: '2024-01-15', + nextPayoutDate: '2024-03-15', + performanceLevel: 'Gold', + topPromotion: '旅行结伴推广' + }; + } + + // 显示推广统计数据 + displayPromotionStats() { + // 这里可以添加实时统计数据显示逻辑 + console.log('推广数据加载完成:', this.promotionData); + console.log('用户统计数据:', this.userStats); + } + + // 处理推广申请 + handlePromotionApplication(form) { + if (!form.checkValidity()) { + form.reportValidity(); + return; + } + + const formData = new FormData(form); + const applicationData = { + name: formData.get('name'), + phone: formData.get('phone'), + email: formData.get('email'), + channel: formData.get('channel'), + volume: formData.get('volume'), + message: formData.get('message'), + applicationDate: new Date().toISOString(), + status: 'pending' + }; + + // 模拟提交申请 + this.submitPromotionApplication(applicationData); + } + + // 提交推广申请 + submitPromotionApplication(data) { + // 模拟API调用 + console.log('提交推广申请:', data); + + // 显示成功提示 + this.showApplicationSuccess(data); + + // 重置表单 + document.getElementById('promotionForm').reset(); + } + + // 显示申请成功 + showApplicationSuccess(data) { + // 使用SweetAlert或自定义模态框显示成功信息 + if (typeof Swal !== 'undefined') { + Swal.fire({ + icon: 'success', + title: '申请提交成功！', + html: ` +
+

申请详情：

+

姓名：${data.name}

+

电话：${data.phone}

+

邮箱：${data.email}

+

推广渠道：${this.getChannelName(data.channel)}

+

我们会在1-3个工作日内审核您的申请，并通过邮件和短信通知您结果。

+
+ `, + confirmButtonText: '确定', + confirmButtonColor: '#6c5ce7' + }); + } else { + alert('推广申请提交成功！我们会在1-3个工作日内联系您。'); + } + } + + // 获取渠道名称 + getChannelName(channel) { + const channelNames = { + 'wechat': '微信/朋友圈', + 'weibo': '微博', + 'douyin': '抖音', + 'website': '个人网站/博客', + 'other': '其他渠道' + }; + return channelNames[channel] || channel; + } + + // 切换协议同意状态 + toggleAgreement(checked) { + const submitButton = document.querySelector('#promotionForm button[type="submit"]'); + if (submitButton) { + submitButton.disabled = !checked; + } + } + + // 生成推广链接 + generatePromotionLink(userId, campaignType = 'general') { + const baseUrl = window.location.origin; + const affiliateId = this.generateAffiliateId(userId); + + const campaignParams = { + 'travel': 'ref=travel_affiliate', + 'animal': 'ref=animal_affiliate', + 'flower': 'ref=flower_affiliate', + 'general': 'ref=general_affiliate' + }; + + return `${baseUrl}/?${campaignParams[campaignType]}&affiliate=${affiliateId}`; + } + + // 生成推广ID + generateAffiliateId(userId) { + // 简单的ID生成逻辑，实际应用中应该更复杂 + return `aff_${userId}_${Date.now().toString(36)}`; + } + + // 生成推广二维码 + generatePromotionQRCode(link, elementId) { + // 这里可以集成QRCode生成库 + console.log('生成二维码:', link); + // 实际实现需要使用QRCode库 + } + + // 复制推广链接 + copyPromotionLink(link) { + navigator.clipboard.writeText(link).then(() => { + this.showCopySuccess(); + }).catch(err => { + console.error('复制失败:', err); + this.showCopyError(); + }); + } + + // 显示复制成功 + showCopySuccess() { + if (typeof Swal !== 'undefined') { + Swal.fire({ + icon: 'success', + title: '复制成功！', + text: '推广链接已复制到剪贴板', + timer: 2000, + showConfirmButton: false + }); + } else { + alert('推广链接已复制！'); + } + } + + // 显示复制错误 + showCopyError() { + if (typeof Swal !== 'undefined') { + Swal.fire({ + icon: 'error', + title: '复制失败', + text: '请手动复制链接', + timer: 2000, + showConfirmButton: false + }); + } + } + + // 分享到社交媒体 + shareToSocialMedia(platform, link, title = '结伴客推广') { + const shareUrls = { + 'wechat': `https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${encodeURIComponent(link)}`, + 'weibo': `http://service.weibo.com/share/share.php?url=${encodeURIComponent(link)}&title=${encodeURIComponent(title)}`, + 'qq': `http://connect.qq.com/widget/shareqq/index.html?url=${encodeURIComponent(link)}&title=${encodeURIComponent(title)}` + }; + + if (shareUrls[platform]) { + window.open(shareUrls[platform], '_blank'); + } + } + + // 计算预计收益 + calculateEstimatedEarnings(referrals, averageOrderValue, commissionRate) { + return referrals * averageOrderValue * (commissionRate / 100); + } + + // 格式化金额 + formatCurrency(amount) { + return new Intl.NumberFormat('zh-CN', { + style: 'currency', + currency: 'CNY' + }).format(amount); + } + + // 获取性能等级 + getPerformanceLevel(conversionRate) { + if (conversionRate >= 20) return 'Platinum'; + if (conversionRate >= 15) return 'Gold'; + if (conversionRate >= 10) return 'Silver'; + return 'Bronze'; + } + + // 获取等级颜色 + getLevelColor(level) { + const colors = { + 'Platinum': '#e5e4e2', + 'Gold': '#ffd700', + 'Silver': '#c0c0c0', + 'Bronze': '#cd7f32' + }; + return colors[level] || '#6c757d'; + } +} + +// 页面加载完成后初始化 +let rewardManager; +document.addEventListener('DOMContentLoaded', function() { + rewardManager = new RewardManager(); + + // 添加实时统计显示（如果需要） + addRealTimeStats(); +}); + +// 添加实时统计显示 +function addRealTimeStats() { + const statsContainer = document.createElement('div'); + statsContainer.className = 'container mt-4'; + statsContainer.innerHTML = ` +
+
+
+
¥31,300
+
总收益
+
+
+
+
+
505
+
总推荐数
+
+
+
+
+
¥5,200
+
可提现余额
+
+
+
+
+
Gold
+
性能等级
+
+
+
+ `; + + const joinSection = document.getElementById('join'); + if (joinSection) { + joinSection.parentNode.insertBefore(statsContainer, joinSection); + } +} + +// 工具函数：显示加载状态 +function showRewardLoading() { + const container = document.getElementById('promotion-stats'); + if (container) { + container.innerHTML = ` +
+ +
+ `; + } +} + +// 工具函数：显示错误信息 +function showRewardError(message) { + const container = document.getElementById('promotion-stats'); + if (container) { + container.innerHTML = ` + + `; + } +} + +// 工具函数：格式化日期 +function formatDate(dateString) { + return new Date(dateString).toLocaleDateString('zh-CN', { + year: 'numeric', + month: 'long', + day: 'numeric' + }); +} + +// 工具函数：生成进度条HTML +function createProgressBar(value, max = 100, type = 'primary') { + const percentage = (value / max) * 100; + return ` +
+
+ ${percentage.toFixed(1)}% +
+
+ `; +} + +// 推广链接生成器（示例） +function setupPromotionLinkGenerator() { + const generatorHtml = ` +
+
+
推广链接生成器
+
+
+
+
+ + +
+
+ + +
+
+
+ +
+ + +
+
+ +
+
+ `; + + const joinSection = document.getElementById('join'); + if (joinSection) { + joinSection.insertAdjacentHTML('beforebegin', generatorHtml); + } +} + +// 全局函数供HTML调用 +function generatePromotionLink() { + const type = document.getElementById('promotionType').value; + const userId = document.getElementById('userId').value || 'demo_user'; + const link = rewardManager.generatePromotionLink(userId, type); + document.getElementById('generatedLink').value = link; +} + +function copyGeneratedLink() { + const linkInput = document.getElementById('generatedLink'); + if (linkInput.value) { + rewardManager.copyPromotionLink(linkInput.value); + } +} \ No newline at end of file diff --git a/website/js/travel.js b/website/js/travel.js new file mode 100644 index 0000000..f524df0 --- /dev/null +++ b/website/js/travel.js @@ -0,0 +1,266 @@ +// 旅行结伴功能JavaScript + +class TravelPlanManager { + constructor() { + this.apiBaseUrl = 'https://api.jiebanke.com/api/travel'; + this.plansContainer = document.getElementById('travel-plans-container'); + this.travelForm = document.getElementById('travel-plan-form'); + this.init(); + } + + async init() { + await this.loadTravelPlans(); + this.bindEvents(); + } + + async loadTravelPlans() { + try { + // 模拟API调用，实际项目中替换为真实API + const mockPlans = [ + { + id: 1, + destination: "西藏拉萨", + travelDate: "2025-03-15", + duration: 10, + budget: "5000-10000", + description: "寻找志同道合的伙伴一起探索西藏的神秘与美丽，计划游览布达拉宫、大昭寺、纳木错等景点。", + requirements: "年龄25-35岁，有高原旅行经验者优先", + participants: 3, + maxParticipants: 6, + creator: "旅行达人小李", + createdAt: "2025-01-15" + }, + { + id: 2, + destination: "云南大理", + travelDate: "2025-02-20", + duration: 7, + budget: "2000-5000", + description: "大理古城、洱海、苍山七日游，体验白族文化和自然风光。", + requirements: "喜欢摄影、热爱自然", + participants: 2, + maxParticipants: 4, + creator: "摄影师小王", + createdAt: "2025-01-10" + }, + { + id: 3, + destination: "海南三亚", + travelDate: "2025-04-01", + duration: 5, + budget: "3000-6000", + description: "阳光沙滩度假之旅，潜水、冲浪、海鲜美食一网打尽。", + requirements: "性格开朗，喜欢水上运动", + participants: 4, + maxParticipants: 8, + creator: "阳光少年小张", + createdAt: "2025-01-08" + } + ]; + + this.displayPlans(mockPlans); + } catch (error) { + console.error('加载旅行计划失败:', error); + this.showError('加载旅行计划失败，请刷新页面重试'); + } + } + + displayPlans(plans) { + if (plans.length === 0) { + this.plansContainer.innerHTML = ` +
+
+ + 暂无旅行计划，快来发布第一个吧！ +
+
+ `; + return; + } + + const plansHTML = plans.map(plan => ` +
+
+
+
+
${plan.destination}
+ ${plan.budget}元 +
+ +
+
+ + 出发日期: ${new Date(plan.travelDate).toLocaleDateString('zh-CN')} +
+
+ + 行程天数: ${plan.duration}天 +
+
+ +

+ ${plan.description} +

+ +
+ + + 伙伴要求: ${plan.requirements || '无特殊要求'} + +
+ +
+
+ + ${plan.participants}/${plan.maxParticipants}人 +
+ 发布者: ${plan.creator} +
+ +
+ + +
+
+
+
+ `).join(''); + + this.plansContainer.innerHTML = plansHTML; + } + + bindEvents() { + if (this.travelForm) { + this.travelForm.addEventListener('submit', this.handleFormSubmit.bind(this)); + } + } + + async handleFormSubmit(event) { + event.preventDefault(); + + const formData = new FormData(this.travelForm); + const planData = { + destination: document.getElementById('destination').value, + travelDate: document.getElementById('travel-date').value, + duration: parseInt(document.getElementById('duration').value), + budget: document.getElementById('budget').value, + description: document.getElementById('description').value, + requirements: document.getElementById('requirements').value + }; + + // 表单验证 + if (!this.validateForm(planData)) { + return; + } + + try { + // 模拟API调用 + console.log('发布旅行计划:', planData); + + // 显示成功消息 + this.showSuccess('旅行计划发布成功！'); + + // 清空表单 + this.travelForm.reset(); + + // 重新加载计划列表 + await this.loadTravelPlans(); + + } catch (error) { + console.error('发布旅行计划失败:', error); + this.showError('发布失败，请稍后重试'); + } + } + + validateForm(data) { + if (!data.destination.trim()) { + this.showError('请输入目的地'); + return false; + } + + if (!data.travelDate) { + this.showError('请选择出发日期'); + return false; + } + + if (data.duration < 1) { + this.showError('行程天数必须大于0'); + return false; + } + + if (!data.budget) { + this.showError('请选择预算范围'); + return false; + } + + if (!data.description.trim()) { + this.showError('请输入行程描述'); + return false; + } + + return true; + } + + async joinPlan(planId) { + try { + // 模拟加入计划 + console.log('加入旅行计划:', planId); + this.showSuccess('已申请加入旅行计划，等待创建者确认'); + } catch (error) { + console.error('加入计划失败:', error); + this.showError('加入失败，请稍后重试'); + } + } + + viewPlanDetail(planId) { + // 在实际项目中，这里可以跳转到详情页或显示模态框 + console.log('查看旅行计划详情:', planId); + alert('功能开发中，即将上线'); + } + + showSuccess(message) { + this.showAlert(message, 'success'); + } + + showError(message) { + this.showAlert(message, 'danger'); + } + + showAlert(message, type) { + const alertDiv = document.createElement('div'); + alertDiv.className = `alert alert-${type} alert-dismissible fade show`; + alertDiv.innerHTML = ` + ${message} + + `; + + // 插入到页面顶部 + const container = document.querySelector('.container'); + container.insertBefore(alertDiv, container.firstChild); + + // 5秒后自动消失 + setTimeout(() => { + if (alertDiv.parentNode) { + alertDiv.remove(); + } + }, 5000); + } +} + +// 初始化旅行计划管理器 +const travelManager = new TravelPlanManager(); + +// 页面加载完成后初始化 +document.addEventListener('DOMContentLoaded', function() { + // AOS动画初始化 + if (typeof AOS !== 'undefined') { + AOS.init({ + duration: 1000, + once: true + }); + } +}); \ No newline at end of file diff --git a/website/merchant/apply.html b/website/merchant/apply.html index d7516b8..b6c08a4 100644 --- a/website/merchant/apply.html +++ b/website/merchant/apply.html @@ -29,7 +29,7 @@ 结伴客 Logo - 结伴客 + 结伴客
- -
- - - -
-
-

商家合作

-

人生就像一场旅行，加入结伴客，为旅客提供温暖的港湾，让每一次相遇都成为美好回忆的一部分
与我们携手共创未来

+
+
+
+

商家合作

+

加入结伴客商家合作生态
为旅行者提供农场、花店和活动组织服务

+ 立即入驻 + 合作政策 +
+
- - -
-
-
-

合作优势

-
-
- -
-
-
-
- -
-

庞大用户群体

-

接入超过10万注册用户，为您的业务带来稳定客源。

+
+
+
+
+

合作优势

+

为什么选择与结伴客合作

- -
-
-
- +
+
+
+
+ +
+

庞大用户群体

+

平台拥有数十万活跃用户，为合作商家带来稳定客源。

-

技术支持

-

提供完善的技术支持和培训，帮助您快速上手。

-
- -
-
-
- +
+
+
+ +
+

数据驱动运营

+

提供详细的数据分析报告，帮助商家优化经营策略。

+
+
+
+
+
+ +
+

安全保障

+

完善的资金保障和信用体系，确保商家权益。

-

收益保障

-

透明的收益分配机制，确保您的利益最大化。

-
-
-
-

合作类型

-
-
- -
-
-
-
-
农场合作
-

提供动物认领服务，让用户定期探望认领的动物，体验农场生活。

- 申请入驻 -
+
+
+
+
+

合作类型

+

多样化的合作模式满足不同商家需求

- -
-
-
-
花店合作
-

为用户提供送花服务，满足用户在旅行中的情感表达需求。

- 申请入驻 +
+
+
+
+
+ +
+

农场合作

+

提供动物认领、农场体验等服务，吸引城市家庭前来体验田园生活。

+
-
- -
-
-
-
活动组织
-

组织各类旅行活动，为用户提供丰富的旅行体验选择。

- 申请入驻 +
+
+
+
+ +
+

花店合作

+

通过送花服务功能，扩大销售渠道，提升品牌知名度和销售额。

+
+
+
+
+
+
+
+ +
+

活动组织

+

提供特色旅行线路和活动，吸引结伴旅客，提高成团率。

+
@@ -157,41 +159,49 @@
-
-
-
-

入驻流程

+
+
+
+
+

入驻流程

+

简单四步完成商家入驻

+
-
- -
-
-
-
-
1
-
提交申请
-

填写入驻申请表

-
+
+
+
+
+ +
+

1. 提交申请

+

填写商家入驻申请表，提交相关资质材料

- -
-
2
-
资质审核
-

平台审核商家资质

-
+
+
+
+
+ +
+

2. 资质审核

+

平台对商家资质进行审核，确保合规经营

- -
-
3
-
签约入驻
-

签署合作协议

-
+
+
+
+
+ +
+

3. 系统培训

+

为商家提供系统操作培训和技术支持

- -
-
4
-
上线运营
-

正式开展业务

+
+
+
+
+ +
+

4. 正式上线

+

完成所有准备工作，正式上线为用户提供服务

@@ -199,59 +209,144 @@
-
-
-
-

商家数据

+
+
+
+
+

商家数据

+

平台商家合作成果展示

+
+
+
+
+
+
+ +
+

500+

+

合作商家

+
+
+
+
+
+ +
+

10000+

+

月活跃用户

+
+
+
+
+
+ +
+

500万+

+

月交易额

+
+
+
+
+
+ +
+

4.8

+

平均评分

+
+
- -
-
-
-
500+
-
合作商家
+
+ + +
+
+
+
+

合作案例

+

听听合作伙伴怎么说

- -
-
-
50000+
-
月均订单
-
-
- -
-
-
1000万+
-
年交易额
-
-
- -
-
-
4.8
-
用户评分
+
+
+
+
+
+
“
+

通过结伴客平台，我们的农场认领业务增长了300%，吸引了大量城市家庭前来体验农场生活。

+
+
+ 绿野农场王老板 +
+
王老板
+ 绿野农场 +
+
+
+
+
+
+
+
+
+
“
+

花店通过结伴客的送花服务功能，月订单量增长了150%，特别是在节日期间订单量激增。

+
+
+ 花之语花店李女士 +
+
李女士
+ 花之语花店 +
+
+
+
+
+
+
+
+
+
“
+

旅行社通过平台发布特色探险线路，成功吸引了大量年轻用户，成团率大幅提升。

+
+
+ 探险旅行社张经理 +
+
张经理
+ 探险旅行社 +
+
+
+
+ +
+
+

加入我们，共创未来

+

成为结伴客合作伙伴，共享平台红利

+ 立即入驻 +
+
+ - - + + \ No newline at end of file diff --git a/website/merchant/policy.html b/website/merchant/policy.html index 4aa293f..82fff07 100644 --- a/website/merchant/policy.html +++ b/website/merchant/policy.html @@ -29,7 +29,7 @@ 结伴客 Logo - 结伴客 + 结伴客 + +
+ + + +
+
+
+
+

隐私政策

+

最后更新日期：2024年12月20日

+
+
+
+
+ + +
+
+
+
+
+ +
+

引言

+

武汉高灏科技有限责任公司（以下简称"我们"）非常重视用户的隐私和个人信息保护。您在使用我们的产品与/或服务时，我们可能会收集和使用您的相关信息。我们希望通过本《隐私政策》向您说明，在您使用我们的产品与/或服务时，我们如何收集、使用、保存、共享和转让这些信息，以及我们为您提供的访问、更新、删除和保护这些信息的方式。

+

本政策将帮助您了解以下内容：

+
    +
  • 我们如何收集和使用您的个人信息
    • +
  • 我们如何使用 Cookie 和同类技术
    • +
  • 我们如何共享、转让、公开披露您的个人信息
    • +
  • 我们如何保护您的个人信息
    • +
  • 您的权利
    • +
  • 我们如何处理儿童的个人信息
    • +
  • 您的个人信息如何在全球范围转移
    • +
  • 本政策如何更新
    • +
  • 如何联系我们
    • +
+

请您在使用我们的产品与/或服务前，仔细阅读并充分理解本政策。如您对本政策有任何疑问，请联系我们。

+
+ + +
+

一、我们如何收集和使用您的个人信息

+

个人信息是指以电子或者其他方式记录的能够单独或者与其他信息结合识别特定自然人身份或者反映特定自然人活动情况的各种信息。

+ +

（一）我们收集的个人信息

+

在您使用我们的服务过程中，我们会收集以下种类的个人信息：

+
    +
  • 账户信息：当您注册账户时，我们会收集您的手机号码、电子邮箱地址、用户名、密码等。
    • +
  • 身份信息：在您使用特定服务时，我们可能会收集您的真实姓名、身份证号码、护照号码等。
    • +
  • 联系信息：包括您的收货地址、联系电话等。
    • +
  • 交易信息：当您使用我们的支付服务时，我们会收集您的交易记录、支付信息等。
    • +
  • 设备信息：包括设备型号、操作系统版本、唯一设备标识符、浏览器类型等。
    • +
  • 位置信息：当您使用基于位置的服务时，我们会收集您的位置信息。
    • +
  • 日志信息：当您使用我们的服务时，我们会自动收集您对我们服务的详细使用情况，作为有关网络日志保存。
    • +
+ +

（二）我们如何使用您的个人信息

+

我们会在以下情况下使用您的个人信息：

+
    +
  • 为您提供您所选择的产品和服务
    • +
  • 处理您的订单和交易
    • +
  • 管理您的账户
    • +
  • 向您发送重要的通知，如关于服务条款的变更
    • +
  • 进行数据分析，以改进我们的产品和服务
    • +
  • 防止欺诈和确保安全
    • +
  • 遵守法律法规的要求
    • +
+
+ + +
+

二、我们如何使用 Cookie 和同类技术

+

为使您获得更轻松的访问体验，您访问我们的平台或使用我们提供的服务时，我们可能会通过小型数据文件识别您的身份，这么做可帮您省去重复输入注册信息的步骤，或者帮助判断您的账户安全。

+ +

（一）Cookie

+

为确保网站正常运转，我们会在您的计算机或移动设备上存储名为 Cookie 的小数据文件。Cookie 通常包含标识符、站点名称以及一些号码和字符。借助于 Cookie，网站能够存储您的偏好等数据。

+ +

（二）网站信标和像素标签

+

除 Cookie 外，我们还会在网站上使用网站信标和像素标签等其他同类技术。例如，我们向您发送的电子邮件可能含有链接至我们网站内容的地址链接，如果您点击该链接，我们则会跟踪此次点击，帮助我们了解您的产品和服务偏好并改善客户服务。

+ +

（三）如何管理 Cookie

+

大多数浏览器均为用户提供了管理 Cookie 的功能。当您进行相应的设置时，您可以接受或拒绝 Cookie。如果您选择拒绝 Cookie，那么您可能无法完全体验我们提供的服务。

+
+ + +
+

三、我们如何共享、转让、公开披露您的个人信息

+ +

（一）共享

+

我们不会与任何公司、组织和个人分享您的个人信息，但以下情况除外：

+
    +
  • 在获取明确同意的情况下共享：获得您的明确同意后，我们会与其他方共享您的个人信息。
    • +
  • 在法定情形下的共享：我们可能会根据法律法规规定、诉讼争议解决需要，或按行政、司法机关依法提出的要求，对外共享您的个人信息。
    • +
  • 与授权合作伙伴共享：仅为实现本政策中声明的目的，我们的某些服务将由授权合作伙伴提供。我们可能会与合作伙伴共享您的某些个人信息，以提供更好的客户服务和用户体验。
    • +
+ +

（二）转让

+

我们不会将您的个人信息转让给任何公司、组织和个人，但以下情况除外：

+
    +
  • 在获取明确同意的情况下转让：获得您的明确同意后，我们会向其他方转让您的个人信息。
    • +
  • 在涉及合并、收购或破产清算时，如涉及到个人信息转让，我们会在要求新的持有您个人信息的公司、组织继续受此隐私政策的约束，否则我们将要求该公司、组织重新向您征求授权同意。
    • +
+ +

（三）公开披露

+

我们仅会在以下情况下，公开披露您的个人信息：

+
    +
  • 获得您明确同意后；
    • +
  • 基于法律的披露：在法律、法律程序、诉讼或政府主管部门强制性要求的情况下，我们可能会公开披露您的个人信息。
    • +
+
+ + +
+

四、我们如何保护您的个人信息

+

我们已使用符合业界标准的安全防护措施保护您提供的个人信息，防止数据遭到未经授权访问、公开披露、使用、修改、损坏或丢失。我们会采取一切合理可行的措施，保护您的个人信息。

+ +

（一）数据安全技术措施

+

我们会采用包括但不限于SSL、加密存储、数据访问权限控制等技术手段来保护您的个人信息。

+ +

（二）数据安全管理制度

+

我们建立了专门的管理制度、流程和组织确保信息安全。例如，我们严格限制访问信息的人员范围，要求他们遵守保密义务，并进行审计。

+ +

（三）安全事件处置

+

在不幸发生个人信息安全事件后，我们将按照法律法规的要求，及时向您告知：安全事件的基本情况和可能的影响、我们已采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施等。我们将及时将事件相关情况以邮件、信函、电话、推送通知等方式告知您，难以逐一告知个人信息主体时，我们会采取合理、有效的方式发布公告。

+
+ + +
+

五、您的权利

+

按照中国相关的法律、法规、标准，以及其他国家、地区的通行做法，我们保障您对自己的个人信息行使以下权利：

+ +

（一）访问您的个人信息

+

您有权访问您的个人信息，法律法规规定的例外情况除外。

+ +

（二）更正您的个人信息

+

当您发现我们处理的关于您的个人信息有错误时，您有权要求我们做出更正。

+ +

（三）删除您的个人信息

+

在以下情形中，您可以向我们提出删除个人信息的请求：

+
    +
  • 如果我们处理个人信息的行为违反法律法规；
    • +
  • 如果我们收集、使用您的个人信息，却未征得您的同意；
    • +
  • 如果我们处理个人信息的行为违反了与您的约定；
    • +
  • 如果您不再使用我们的产品或服务，或您注销了账号；
    • +
  • 如果我们不再为您提供产品或服务。
    • +
+ +

（四）改变您授权同意的范围

+

每个业务功能需要一些基本的个人信息才能得以完成。对于额外收集的个人信息的收集和使用，您可以随时给予或收回您的授权同意。

+ +

（五）个人信息主体注销账户

+

您随时可注销此前注册的账户。在注销账户之后，我们将停止为您提供产品或服务，并依据您的要求，删除您的个人信息，法律法规另有规定的除外。

+ +

（六）响应您的上述请求

+

为保障安全，您可能需要提供书面请求，或以其他方式证明您的身份。我们可能会先要求您验证自己的身份，然后再处理您的请求。

+

对于您合理的请求，我们原则上不收取费用，但对多次重复、超出合理限度的请求，我们将视情收取一定成本费用。对于那些无端重复、需要过多技术手段（例如，需要开发新系统或从根本上改变现行惯例）、给他人合法权益带来风险或者非常不切实际（例如，涉及备份磁带上存放的信息）的请求，我们可能会予以拒绝。

+
+ + +
+

六、我们如何处理儿童的个人信息

+

我们的产品、网站和服务主要面向成人。如果没有父母或监护人的同意，儿童不应创建自己的个人信息主体账户。

+

对于经父母同意而收集儿童个人信息的情况，我们只会在受到法律允许、父母或监护人明确同意或者保护儿童所必要的情况下使用或公开披露此信息。

+

尽管当地法律和习俗对儿童的定义不同，但我们将不满 14 周岁的任何人均视为儿童。

+

如果我们发现自己在未事先获得可证实的父母同意的情况下收集了儿童的个人信息，则会设法尽快删除相关数据。

+
+ + +
+

七、您的个人信息如何在全球范围转移

+

原则上，我们在中华人民共和国境内收集和产生的个人信息，将存储在中华人民共和国境内。

+

由于我们通过遍布全球的资源和服务器提供产品或服务，这意味着，在获得您的授权同意后，您的个人信息可能会被转移到您使用产品或服务所在国家/地区的境外管辖区，或者受到来自这些管辖区的访问。

+

此类管辖区可能设有不同的数据保护法，甚至未设立相关法律。在此类情况下，我们会确保您的个人信息得到在中华人民共和国境内足够同等的保护。

+
+ + +
+

八、本政策如何更新

+

我们的隐私政策可能变更。

+

未经您明确同意，我们不会削减您按照本隐私政策所应享有的权利。我们会在本页面上发布对本政策所做的任何变更。

+

对于重大变更，我们还会提供更为显著的通知（包括对于某些服务，我们会通过电子邮件发送通知，说明隐私政策的具体变更内容）。

+

本政策所指的重大变更包括但不限于：

+
    +
  • 我们的服务模式发生重大变化。如处理个人信息的目的、处理的个人信息类型、个人信息的使用方式等；
    • +
  • 我们在所有权结构、组织架构等方面发生重大变化。如业务调整、破产并购等引起的所有者变更等；
    • +
  • 个人信息共享、转让或公开披露的主要对象发生变化；
    • +
  • 您参与个人信息处理方面的权利及其行使方式发生重大变化；
    • +
  • 我们负责处理个人信息安全的责任部门、联络方式及投诉渠道发生变化时；
    • +
  • 个人信息安全影响评估报告表明存在高风险时。
    • +
+
+ + +
+

九、如何联系我们

+

如果您对本隐私政策有任何疑问、意见或建议，请通过以下方式与我们联系：

+
    +
  • 邮箱：master@gaohaotech.com
    • +
  • 电话：15927219038（郑经理）
    • +
  • 地址：武汉市东湖高新技术开发区关山大道保利国际中心8楼
    • +
+

一般情况下，我们将在15天内回复您的请求。

+

如果您对我们的回复不满意，特别是我们的个人信息处理行为损害了您的合法权益，您还可以向网信、电信、公安及工商等监管部门进行投诉或举报。

+
+ + +
+

附录：定义

+

本隐私政策中使用的特定词语，具有如下含义：

+
    +
  • 我们或结伴客：指武汉高灏科技有限责任公司。
    • +
  • 关联公司：指与我们存在直接或间接控制关系或重大影响关系的公司。
    • +
  • 个人信息：指以电子或者其他方式记录的能够单独或者与其他信息结合识别特定自然人身份或者反映特定自然人活动情况的各种信息。
    • +
  • 个人敏感信息：指一旦泄露、非法提供或滥用可能危害人身和财产安全，极易导致个人名誉、身心健康受到损害或歧视性待遇等的个人信息。
    • +
  • 去标识化：指通过对个人信息的技术处理，使其在不借助额外信息的情况下，无法识别个人信息主体的过程。
    • +
  • 匿名化：指通过对个人信息的技术处理，使得个人信息主体无法被识别，且处理后的信息不能被复原的过程。
    • +
  • 中国或中国境内：指中华人民共和国大陆地区，不含香港特别行政区、澳门特别行政区和台湾地区。
    • +
+
+ + +
+

十、数据保留期限

+

我们仅在为提供服务所必需的期间内保留您的个人信息，包括：

+
    +
  • 为您提供服务期间；
    • +
  • 为了遵守法律义务所需的期限；
    • +
  • 为了保护我们的合法权益所需的期限。
    • +
+

当您的个人信息超出上述保留期限后，我们会对您的个人信息进行删除或匿名化处理。

+
+ + +
+

十一、第三方服务

+

为了给您提供更好的服务，我们可能会接入第三方服务提供商。当您使用这些第三方服务时，您的信息可能会被收集和使用，我们建议您查看这些第三方服务的隐私政策。

+

我们对第三方服务提供商的隐私实践不承担责任，我们建议您在使用这些服务前仔细阅读他们的隐私政策。

+
+ + +
+

十二、隐私政策的适用范围

+

我们的隐私政策不适用于以下情况：

+
    +
  • 由您提供并由第三方运营的服务；
    • +
  • 通过我们的服务链接到的第三方网站；
    • +
  • 您在使用我们的服务时可能选择与之通信或参与的第三方。
    • +
+

我们不对这些第三方的隐私政策或实践负责，建议您在提交个人信息之前查看这些第三方的隐私政策。

+
+
+
+
+
+
+ + + + + +
+ +
+ + + + + + + \ No newline at end of file diff --git a/website/reward.html b/website/reward.html new file mode 100644 index 0000000..8aa6230 --- /dev/null +++ b/website/reward.html @@ -0,0 +1,544 @@ + + + + + + 推广奖励 - 结伴客 + + + + + + + + + + + + + + + + +
+
+
+
+

推广奖励

+

分享给朋友，获得丰厚奖励
一起创造更多价值

+ 查看奖励详情 + 收益计算器 +
+
+
+
+ + +
+
+
+
+

推广优势

+

加入我们的推广计划，享受多重收益

+
+
+
+
+
+
+ +
+

高额佣金

+

根据不同服务享受12%-20%的高额佣金，收益可观。

+
+
+
+
+
+ +
+

额外奖励

+

达到推广目标可获得额外现金奖励和精美礼品。

+
+
+
+
+
+ +
+

数据透明

+

实时查看推广数据和收益情况，一切公开透明。

+
+
+
+
+
+ + +
+
+
+
+

佣金详情

+

不同服务享受不同比例的佣金

+
+
+
+
+
+
+ +
+

旅行结伴

+
15%
+

用户通过您的推广完成旅行结伴订单，您可获得15%佣金

+
+
+
+
+
+ +
+

动物认领

+
20%
+

用户通过您的推广完成动物认领订单，您可获得20%佣金

+
+
+
+
+
+ +
+

送花服务

+
12%
+

用户通过您的推广完成送花订单，您可获得12%佣金

+
+
+
+
+
+ +
+

新用户注册

+
¥10
+

每成功推荐一位新用户注册，您可获得10元现金奖励

+
+
+
+
+
+ + +
+
+
+
+

推广方式

+

多种推广渠道，总有一种适合您

+
+
+
+
+
+
+ +
+

社交媒体

+

通过微信、微博、QQ空间等社交平台分享推广链接

+
+
+
+
+
+ +
+

内容营销

+

撰写相关主题文章或视频，嵌入推广链接

+
+
+
+
+
+ +
+

线下推广

+

在社区、学校、公司等场所进行线下推广

+
+
+
+
+
+ + +
+
+
+
+

佣金计算器

+

估算您的推广收益

+
+
+
+
+
+
+
+
+ + +
+
+ + +
+
+
+ +
+
+

预计收益: ¥0.00

+
+
+
+
+
+
+
+ + +
+
+
+
+

本月推广排行榜

+

看看谁是本月的推广达人

+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
排名推广员推广数量获得佣金
1张先生128单¥5,680
2李女士96单¥4,250
3王先生87单¥3,890
4赵女士75单¥3,260
5刘先生68单¥2,980
+
+
+
+
+
+ + +
+
+
+
+

推广成功案例

+

看看其他推广员如何获得高额收益

+
+
+
+
+
+
+
大学生创业故事
+

小李是一名大学生，通过推广结伴客平台，每月获得3000+元额外收入，不仅解决了生活费问题，还积累了创业经验。

+
+ 月收入: ¥3,500 + 持续增长 +
+
+
+
+
+
+
+
全职宝妈的副业
+

王女士是一位全职宝妈，利用闲暇时间推广结伴客服务，每月稳定收入2000元左右，实现了经济独立。

+
+ 月收入: ¥2,200 + 稳定收益 +
+
+
+
+
+
+
+
企业员工的兼职
+

陈先生是一名企业员工，利用业余时间推广服务，每月额外收入5000+元，大大提高了生活质量。

+
+ 月收入: ¥5,800 + 高收入 +
+
+
+
+
+
+
+ + +
+
+
+
+

常见问题

+

关于推广奖励，您可能有以下疑问

+
+
+
+
+
+
+

+ +

+
+
+ 注册成为结伴客用户后，在个人中心找到"推广奖励"页面，点击"立即加入"即可成为推广员。我们会为您提供专属推广链接和二维码。 +
+
+
+
+

+ +

+
+
+ 佣金按月结算，每月10日结算上月佣金。您可以在个人中心查看收益明细并申请提现，支持微信、支付宝等多种提现方式。 +
+
+
+
+

+ +

+
+
+ 推广无地域限制，全国各地均可参与。无论您在哪里，只要有网络就可以进行推广，获得相应收益。 +
+
+
+
+

+ +

+
+
+ 建议结合自己的优势选择合适的推广方式，如擅长写作可撰写相关文章，有社群资源可进行社群推广。定期更新推广内容，与粉丝互动也有助于提高转化率。 +
+
+
+
+
+
+
+
+ + + + + +
+ +
+ + + + + + + + + \ No newline at end of file diff --git a/website/robots.txt b/website/robots.txt new file mode 100644 index 0000000..fefc66a --- /dev/null +++ b/website/robots.txt @@ -0,0 +1,18 @@ +User-agent: * +Allow: / + +Sitemap: https://jiebanke.com/sitemap.xml + +# 禁止爬虫访问以下路径 +Disallow: /merchant/apply.html +Disallow: /contact.html + +# 允许的爬虫 +User-agent: Googlebot +Allow: / + +User-agent: Bingbot +Allow: / + +User-agent: Baiduspider +Allow: / \ No newline at end of file diff --git a/website/sitemap.xml b/website/sitemap.xml new file mode 100644 index 0000000..e22b9b0 --- /dev/null +++ b/website/sitemap.xml @@ -0,0 +1,39 @@ + + + + https://jiebanke.com/ + 2025-01-20 + daily + 1.0 + + + https://jiebanke.com/about.html + 2025-01-20 + weekly + 0.8 + + + https://jiebanke.com/case.html + 2025-01-20 + weekly + 0.8 + + + https://jiebanke.com/merchant/ + 2025-01-20 + weekly + 0.7 + + + https://jiebanke.com/merchant/apply.html + 2025-01-20 + monthly + 0.6 + + + https://jiebanke.com/contact.html + 2025-01-20 + monthly + 0.7 + + \ No newline at end of file diff --git a/website/terms.html b/website/terms.html new file mode 100644 index 0000000..3e7aac3 --- /dev/null +++ b/website/terms.html @@ -0,0 +1,307 @@ + + + + + + 用户协议 - 结伴客 + + + + + + + + + + + + + + +
+
+
+
+

用户协议

+

最后更新日期：2024年12月20日

+
+
+
+
+ + +
+
+
+
+
+ +
+

欢迎使用结伴客

+

感谢您选择结伴客（以下简称"本平台"）。在注册和使用本平台服务之前，请您仔细阅读本《用户协议》（以下简称"本协议"）。

+

本协议是您与武汉高灏科技有限责任公司（以下简称"我们"）之间关于使用结伴客平台服务的法律协议。当您点击"同意"或类似按钮，或者实际使用我们的服务时，即表示您已充分阅读、理解并同意接受本协议的全部内容。

+
+ + +
+

一、协议范围

+

1.1 本协议内容包括协议正文及所有本平台已经发布的或将来可能发布的各类规则、声明、通知、说明等（以下统称"规则"）。

+

1.2 所有规则为本协议不可分割的组成部分，与协议正文具有同等法律效力。

+

1.3 我们有权根据需要不时地制定、修改本协议及相关规则，变更后的协议和规则将在本平台上公布。如您继续使用我们的服务，即表示您接受经修订的协议和规则。

+
+ + +
+

二、服务内容

+

2.1 本平台为您提供以下服务：

+
    +
  • 旅行结伴匹配服务
    • +
  • 动物认领信息服务
    • +
  • 送花订购配送服务
    • +
  • 推广奖励计划服务
    • +
  • 其他相关增值服务
    • +
+

2.2 我们保留随时变更、中断或终止部分或全部服务的权利。

+

2.3 您理解并同意，我们仅提供相关的网络服务，除此之外与相关网络服务有关的设备（如电脑、调制解调器及其他与接入互联网有关的装置）及所需的费用（如为接入互联网而支付的电话费及上网费）均应由您自行负担。

+
+ + +
+

三、用户注册

+

3.1 您确认，在您完成注册程序或以其他我们允许的方式实际使用我们的服务时，您应当是具备完全民事权利能力和完全民事行为能力的自然人、法人或其他组织。

+

3.2 若您不具备前述主体资格，则您及您的监护人应承担因此而导致的一切后果，且我们有权注销您的账户。

+

3.3 您应提供真实、准确、完整、合法的注册信息，并及时更新您的资料。

+

3.4 您注册成功后，我们将为您提供一个用户账号及相应的密码，该用户账号和密码由您负责保管。

+
+ + +
+

四、用户行为规范

+

4.1 您在使用我们的服务时，必须遵守中华人民共和国相关法律法规的规定，您应同意将不会利用我们的服务进行任何违法或不正当的活动。

+

4.2 您不得利用我们的服务从事以下活动：

+
    +
  • 违反宪法或法律法规规定的；
    • +
  • 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；
    • +
  • 损害国家荣誉和利益的；
    • +
  • 煽动民族仇恨、民族歧视，破坏民族团结的；
    • +
  • 破坏国家宗教政策，宣扬邪教和封建迷信的；
    • +
  • 散布谣言，扰乱社会秩序，破坏社会稳定的；
    • +
  • 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；
    • +
  • 侮辱或者诽谤他人，侵害他人合法权益的；
    • +
  • 含有法律、行政法规禁止的其他内容的。
    • +
+
+ + +
+

五、知识产权

+

5.1 本平台的所有知识产权，包括但不限于商标权、专利权、著作权、商业秘密等，均归我们或相关权利人所有。

+

5.2 未经我们或相关权利人书面同意，您不得为任何商业或非商业目的自行或许可任何第三方实施、利用、转让上述知识产权。

+

5.3 您在使用我们的服务时发布的内容，您同意授予我们免费的、永久的、不可撤销的、非独家的许可使用权利。

+
+ + +
+

六、隐私保护

+

6.1 保护用户隐私是我们的一项基本政策，我们保证不对外公开或向第三方提供您的注册资料及您在使用我们的服务时存储在我们的非公开内容。

+

6.2 您同意我们可在下列情况下披露您的个人信息：

+
    +
  • 获得您明确授权；
    • +
  • 根据法律、法规的要求；
    • +
  • 按照相关政府主管部门的要求；
    • +
  • 为维护社会公众的利益；
    • +
  • 为维护我们的合法权益。
    • +
+

6.3 详细隐私政策请参阅我们的《隐私政策》。

+
+ + +
+

七、免责声明

+

7.1 您明确同意使用我们的服务所存在的风险将完全由您自己承担。

+

7.2 我们不保证服务一定能满足您的要求，也不保证服务不会中断，对服务的及时性、安全性、准确性也都不作保证。

+

7.3 对于因不可抗力或我们不能控制的原因造成的服务中断或其他缺陷，我们不承担任何责任。

+
+ + +
+

八、协议变更

+

8.1 我们有权随时修改本协议的任何条款，一旦本协议的内容发生变动，我们将会直接在网站上公布修改之后的协议内容。

+

8.2 如果您不同意我们对本协议所做的修改，您有权停止使用我们的服务。如果您继续使用我们的服务，则视为您接受我们对本协议所做的修改。

+
+ + +
+

九、法律适用

+

9.1 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。

+

9.2 如双方就本协议内容或其执行发生任何争议，双方应尽量友好协商解决；协商不成时，任何一方均可向我们所在地的人民法院提起诉讼。

+
+ + +
+

十、其他

+

10.1 本协议构成您与我们之间就使用我们的服务达成的完整协议，取代您和我们先前就相同 subject matter 达成的任何口头或书面协议。

+

10.2 如果我们未执行本协议的任何条款，不应被视为放弃该条款。

+

10.3 本协议中的标题仅为方便而设，不影响对本协议的解释。

+

10.4 本协议适用中华人民共和国法律。如出现任何争议，双方应首先通过友好协商解决；协商不成的，任何一方可向武汉仲裁委员会申请仲裁。

+

10.5 本协议以中文为准，其他语言版本仅供参考。

+
+ + +
+

十一、服务变更和中断

+

11.1 我们始终在不断更新和改进我们的服务。我们可以随时添加或删除服务功能，也可以暂停或完全停止某项服务。

+

11.2 如果我们决定停止某项服务，会在合理的时间内提前通知您，除非紧急情况或法律要求。

+

11.3 您可以随时停止使用我们的服务。如果我们停止某项服务，我们会尽可能提前通知您，并给您时间将您的内容导出。

+
+ + +
+

十二、责任限制

+

12.1 在法律允许的最大范围内，我们对间接的、偶然的、特殊的、后果性的或惩罚性的损害不承担责任，即使我们已被告知可能发生此类损害。

+

12.2 在法律允许的最大范围内，我们对任何情况下因使用我们的服务而造成的损害或损失总额不超过您在过去12个月内为使用相关服务而支付给我们的费用（如有）。

+

12.3 某些司法管辖区不允许排除或限制附带或间接损害赔偿责任，因此上述限制或排除可能不适用于您。

+
+ + +
+

联系我们

+

如果您对本协议有任何疑问，请通过以下方式联系我们：

+
    +
  • 邮箱：master@gaohaotech.com
    • +
  • 电话：15927219038（郑经理）
    • +
  • 地址：武汉市东湖高新技术开发区关山大道保利国际中心8楼
    • +
+
+
+
+
+
+
+ + + + + +
+ +
+ + + + + + + \ No newline at end of file diff --git a/website/travel.html b/website/travel.html new file mode 100644 index 0000000..00a6618 --- /dev/null +++ b/website/travel.html @@ -0,0 +1,441 @@ + + + + + + 旅行结伴 - 结伴客 + + + + + + + + + + + + + + + + +
+
+
+
+

旅行结伴

+

发布你的旅行计划，寻找志同道合的伙伴
一起探索世界的美好

+ 查看旅行计划 + 发布我的计划 +
+
+
+
+ + +
+
+
+
+

为什么选择旅行结伴

+

结伴客为您提供安全可靠的旅行伙伴匹配服务

+
+
+
+
+
+
+ +
+

安全保障

+

严格的身份验证机制和信用评价体系，确保您的旅行安全无忧。

+
+
+
+
+
+ +
+

精准匹配

+

基于兴趣爱好、旅行偏好和时间安排的智能匹配算法。

+
+
+
+
+
+ +
+

便捷沟通

+

内置聊天系统，方便您与潜在伙伴快速建立联系。

+
+
+
+
+
+ + +
+
+
+
+

热门旅行计划

+

浏览其他用户发布的旅行计划，找到你的理想伙伴

+
+
+
+ +
+
+ 西藏之旅 +
+
西藏朝圣之旅
+

寻找志同道合的旅伴，一起探索神秘的西藏，体验心灵的洗礼。

+
+ 出发日期: 2025-06-15 + 3人同行 +
+
+
+ 发布者: 张先生 +
+
+
+
+
+ 云南大理 +
+
云南大理休闲游
+

洱海骑行，古城漫步，寻找最美的风景和最有趣的伙伴。

+
+ 出发日期: 2025-05-20 + 招募中 +
+
+
+ 发布者: 李女士 +
+
+
+
+
+ 海南三亚 +
+
海南三亚度假游
+

阳光、沙滩、海浪，和伙伴一起享受悠闲的海岛假期。

+
+ 出发日期: 2025-07-10 + 还差2人 +
+
+
+ 发布者: 王先生 +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+

使用流程

+

简单几步，找到您的旅行伙伴

+
+
+
+
+
+
+ +
+

1. 发布计划

+

填写旅行目的地、时间、预算和偏好等信息

+
+
+
+
+
+ +
+

2. 寻找伙伴

+

浏览匹配的旅行计划或等待系统推荐

+
+
+
+
+
+ +
+

3. 沟通确认

+

通过平台聊天系统与伙伴交流确认细节

+
+
+
+
+
+ +
+

4. 开始旅行

+

达成一致后，开始愉快的结伴旅行

+
+
+
+
+
+ + +
+
+
+
+

结伴成功案例

+

听听他们结伴旅行的故事

+
+
+
+
+
+ 川藏线骑行 +
+
川藏线骑行
+

通过结伴客平台，来自不同城市的三位骑行爱好者成功组队，完成了川藏线的挑战。

+
+ 参与人数: 3人 + 已完成 +
+
+
+
+
+
+ 云南背包客 +
+
云南背包客之旅
+

两位独自旅行的女孩通过平台相识，结伴游览了大理、丽江和香格里拉。

+
+ 参与人数: 2人 + 已完成 +
+
+
+
+
+
+ 东北滑雪 +
+
东北滑雪之旅
+

滑雪爱好者组成的四人小队，一起探索了东北各大滑雪场。

+
+ 参与人数: 4人 + 已完成 +
+
+
+
+
+
+
+ + +
+
+
+
+

常见问题

+

关于旅行结伴，您可能有以下疑问

+
+
+
+
+
+
+

+ +

+
+
+ 我们通过实名认证、手机号验证、社交账号绑定等多重身份验证机制确保用户身份真实。同时，建立完善的信用评价体系，用户可以查看彼此的评价记录，帮助您选择可靠的旅行伙伴。 +
+
+
+
+

+ +

+
+
+ 平台提供全程客服支持，遇到问题可随时联系客服协助解决。同时建议在出发前签订结伴协议，明确各自责任和义务，保障双方权益。 +
+
+
+
+

+ +

+
+
+ 注册并登录后，点击"发布计划"按钮，填写目的地、出发时间、预算、人数要求等详细信息即可。我们的智能匹配系统会为您推荐合适的伙伴。 +
+
+
+
+

+ +

+
+
+ 发布和浏览旅行计划完全免费。只有在成功结伴并完成旅行后，平台才会收取少量服务费，用于平台维护和功能优化。 +
+
+
+
+
+
+
+
+ + + + + +
+ +
+ + + + + + \ No newline at end of file