运营活动页

下面是楼主在实习的时候做的三个运营活动页面，主要是页面布局样式居多，逻辑相对较少，适配移动端，移动端设计稿是640px，实际采用@media screen and (max-width: 750px) 。

1、新版发布 0元启用抽好礼

https://ai.arcsoft.com.cn/operator/resource/2021/newversion/index.html#/

使用vue-cli2脚手架搭建项目；使用vue-router实现页面跳转；使用@media进行移动端适配；

使用axios调用后端接口请求数据，设置http请求和响应拦截器，在请求时截取数据并处理数据，在响应时根据后端返回的状态码进行重定向；

使用lucky-canvas插件实现抽奖大转盘；

使用clipboard插件实现pc和移动端的一键复制邀请链接，粘贴发送好友功能；

使用gtag添加活动埋点；

2、邀请有礼 免费玩转增值版

https://ai.arcsoft.com.cn/operator/resource/2021/regular/index.html#/

使用vue-cli3脚手架搭建项目；使用css预处理器less编写样式；使用vue-router实现页面跳转；使用@media进行移动端适配；

使用axios调用后端接口请求数据，设置http请求和响应拦截器，在请求时截取数据并处理数据，在响应时根据后端返回的状态码进行重定向；

使用clipboard 插件实现pc和移动端的一键复制邀请链接，粘贴发送好友功能；

使用gtag添加活动埋点；

3、寻找虹推官 百闻不如一荐 

https://ai.arcsoft.com.cn/operator/resource/recommend/2021/index.html#/