河北公共文化云产品系统Vibe Coding

河北公共文化云官网是河北省文化厅主办的文化教育活动、文化资源、文化服务的平台，提供各类文化课程、文化活动、文化资讯、文化服务等内容。

该系统利用响应式@media属性兼容平板和PC为960，1024，1200，1400, 1600等等分辨率以及谷歌，360、火狐等等浏览器。
PC端：
1、首页：利用swiper轮播图插件实现了全屏自上而下轮播式的查阅方式，内容包括(1、头部+菜单+文艺轮播图+公告；2、汇资讯；3、享活动；4、非遗传承......信息)轮播切换下标存入vuex以实现菜单的划出头部做影藏，每张页面加入了animate.css动画
2、汇咨询、享活动、学才艺、顶场馆、学历党、守正书房...等等页面展示各类教育活动、文化资源、文化服务，以凸显河北省对文化的重视。
3、河北直播：利用video.js+swriper轮播图+路由跳转实现了直播切换和相关视频播放以及视频介绍等
4、非遗传承：页面布局和首页类似也是利用swiper轮播图插件实现了全屏自上而下轮播式的查阅方式，菜单则做了替换，换成非遗传承页面内部的菜单，包括非遗动态、非遗公开课、专项工作、传承风采...等等，页面内部每个张图片加入了动画效果，以达到首次预览视觉效果。
5、赶大集：采用跳转外链的形式，展示了当地文化工艺产品的精美，以及价格的实惠，商品利用，实现了购物车功能，购物车采用计算属性计算产品的价格，和Vuex进行集中管理商品。
H5在电脑端切小屏刷新即可展示，展示内容和PC对应，兼容IOS，安卓等系统
前端：vue2、Axios、Vuex、animate.css动画、swriper、video.js、JavaScript
原型图库：蓝湖
代码管理：git

我负责开发首页和非遗传承模块。
首页利用swiper轮播图插件实现了全屏自上而下轮播式的查阅方式，内容包括(1、头部+菜单+文艺轮播图+公告；2、汇资讯；3、享活动；4、非遗传承......信息)轮播切换下标存入vuex以实现菜单的划出头部做影藏，每张页面加入了animate.css动画。