/vue2-viteforappleofficialsite2020

这是用vue2+vite写的一个模仿苹果官网的项目 项目完成了苹果官网首页的还原，并对个别产品进行了详细的介绍。 没有使用任何第三方组件库，组件全部都是自己纯手写。 其中还原了airpods pro产品的详细介绍，具有极强的交互式体验，用了大量的js原生操作dom的方法。 响应式布局，兼容移动端和pc端。 技术栈：vue-cli、vue、vue-router 静态资源(图片)来源:苹果**官网

Primary LanguageVueMIT LicenseMIT

<<<<<<< HEAD

项目简介

这是用vue2+vite写的一个模仿苹果官网的项目 项目完成了苹果官网首页的还原，并对个别产品进行了详细的介绍。 没有使用任何第三方组件库，组件全部都是自己纯手写。 其中还原了airpods pro产品的详细介绍，具有极强的交互式体验，用了大量的js原生操作dom的方法。 响应式布局，兼容移动端和pc端。 技术栈：vue-cli、vue、vue-router 静态资源(图片)来源:苹果**官网 项目展示：

项目中如有不妥的地方，请联系qq：1484324318. 欢迎交流指正哈。。。嘿嘿

#项目展示 输入图片说明

输入图片说明

输入图片说明 airpods pro产品的详细介绍中，能够鼠标滑动，滑动到不同的位置，显示不同的动画和文字说明。

响应式布局，能够兼容移动端和pc端

启动项目

cd到项目根目录然后输入如下指令 npm run dev

#打包 cd到项目根目录然后输入如下指令 npm run build

=======

用vue写的仿苹果官网项目

介绍

这是用vue2写的一个模仿最新的苹果官网的项目 项目完成了苹果官网首页的还原，并对个别产品进行了详细的介绍。 没有使用任何第三方组件库，组件全部都是自己纯手写。 其中还原了airpods pro产品的详细介绍，具有极强的交互式体验，用了大量的js原生操作dom的方法。 响应式布局，兼容移动端和pc端。 技术栈：vue-cli、vue、vue-router 静态资源(图片)来源:苹果**官网

软件架构

软件架构说明

使用说明

cd到项目根目录 启动项目：

  1. npm run dev 打包项目：
  2. npm run build

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request