项目介绍: 响应式自然教育行业站点,包括活动展示、报名与支付,订单、联系人、账户相关操作。此外还包括新闻展示,参赛作品上传,周边商城等功能。项目实现其前端部分,数据分离至 API,仅用户身份判断需后端套用。
项目技术:
• 数据绑定使用Vue,数据来源为 AJAX(axios) + JSON。
• 页面基础样式根据Bootstrap3 定制,使用Font Awesome图标字体。
• 响应式布局,区分为手机、桌面两种设计。移动设备的触摸支持通过定制的Mobile实现。
• 使用Bootstrap的Carousel和Modal,采用了jQuery Scrollbox,并利用jquery.qrcode.js生成二维码。
• 页面动画效果经由 CSS3transition和animation,以及 jQuery 的.animate()实现。
页面构建与后台接口对接