公司官网产品系统

公司原有官网页面陈旧、交互单一，无法有效展示品牌形象与媒体资源优势，且缺乏多终端适配。为提升企业品牌形象与用户体验，重新搭建公司官网，涵盖企业介绍、产品服务、案例中心、招贤纳士、联系我们等核心展示页面，并融入动态交互、视频与城市点位展示，打造现代感与品牌辨识度兼具的企业门户。

1. 首页模块
轮播图展示、媒体优势动画、案例视频播放、首页到媒体介绍页面动画跳转。
展示公司核心优势、服务范围与品牌形象。
2. 关于四季模块
公司简介、发展历程、企业文化等内容展示，文字与图片排版优化。
3. 产品服务模块
媒体资源介绍、城市点位展示、媒体优势结构交互与样式优化。
支持城市滑动、点位地图展示，补充多个新城市媒体详情。
4. 案例中心模块
案例列表、案例详情页，标题样式优化，案例视频展示与跳转优化。
支持不同分辨率下内容完整展示。
5. 招贤纳士模块
招聘信息展示、加入我们相关方法优化，页面内容填充与屏幕适配修复。
6. 联系我们模块
公司地址、联系方式展示，地址信息优化与页面样式调整。
7. 媒体介绍模块
媒体资源详情、城市点位展示、轮播图调整、媒体优势动画与交互优化。
修复城市滑动问题，新增城市点位展示。
8. 通用功能
图片压缩与懒加载、视频嵌入与多分辨率适配、华为云OBS图片浏览器预览、SSL证书配置与续期、子域名测试部署。

参与官网需求讨论与二次会议，与上级确认首页排版、内容与媒体优势设计，选定并更换门户网站模板。
独立完成官网全部页面前端开发：首页、关于四季、产品服务、案例中心、案例详情、招贤纳士、联系我们、媒体介绍等，实现轮播图、动画、视频、城市点位等交互功能。
负责页面样式细节调整、响应式适配（含平板与小屏），修复招贤纳士等页面屏幕适配Bug，确保多终端显示一致。
实现图片压缩、视频插入与格式转换，确保视频在不同分辨率下完整展示；优化首页加载与案例页面跳转。
配置华为云OBS图片预览功能，处理域名SSL证书过期与续期，完成子域名测试部署及云服务器环境搭建（Nginx）。
整理城市区县排序（按优劣），补充媒体详情5个新城市，优化联系我们页面公司地址。
技术栈：Vue3、Element Plus、HTML5/CSS3、JavaScript、Axios、华为云OBS、Nginx、SSL证书、视频转换工具
架构：前后端分离，前端采用Vue3组件化开发，静态资源部署于Nginx，图片与视频存储于华为云OBS，通过SSL证书实现HTTPS安全访问。
亮点：
实现首页媒体优势动画、媒体介绍城市点位展示、城市滑动交互，提升品牌展示效果与用户体验。
完成视频嵌入与多分辨率适配，解决视频在不同设备下完整展示问题。
实现华为云OBS图片浏览器预览，优化图片加载策略（压缩、懒加载），提升页面加载速度。
完成官网全页面响应式适配，修复小屏显示Bug，确保多终端浏览体验一致。
成功完成子域名测试部署与SSL证书配置，保障官网安全稳定上线。
难点：
多分辨率适配：需保证页面在除手机端外的各种分辨率下内容完整显示，修复招贤纳士等页面适配Bug。
视频插入与转换：视频格式转换、压缩及不同分辨率下完整展示，涉及兼容性与性能平衡。
城市点位与滑动交互：媒体介绍页面城市滑动、点位动态展示，需处理地图与列表联动及样式优化。