# 用vue写的仿苹果官网项目

**Repository Path**: donggushi/vueforappleofficialsite

## Basic Information

- **Project Name**: 用vue写的仿苹果官网项目
- **Description**: 这是用vue写的一个模仿最新的苹果官网的项目，截止时间为2020年7月2日。
项目完成了苹果官网首页的还原，并对个别产品进行了详细的介绍。
没有使用任何第三方组件库，组件全部都是自己纯手写。
其中还原了airpods pro产品的详细介绍，具有极强的交互式体验，用了大量的js原生操作dom的方法。
响应式布局，兼容移动端和pc端。
技术栈：vue-cli、vue、vue-router
静态资源(图片)来源:苹果中国官网
- **Primary Language**: Unknown
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 90
- **Forks**: 28
- **Created**: 2020-07-03
- **Last Updated**: 2025-05-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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



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

#项目展示
![输入图片说明](https://images.gitee.com/uploads/images/2020/0703/171831_f69c2309_7770774.png "B69BB503-BC06-4108-AE10-B09C983C096E.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0703/172019_b6b96db2_7770774.png "QQ20200703-172009@2x.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0703/172135_92410f99_7770774.png "QQ20200703-172124@2x.png")
airpods pro产品的详细介绍中，能够鼠标滑动，滑动到不同的位置，显示不同的动画和文字说明。

![响应式布局，能够兼容移动端和pc端](https://images.gitee.com/uploads/images/2020/0703/172504_dc66e5e8_7770774.png "QQ20200703-172403@2x.png")

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

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


=======
# 用vue写的仿苹果官网项目

#### 介绍
这是用vue写的一个模仿最新的苹果官网的项目，截止时间为2020年7月2日。
项目完成了苹果官网首页的还原，并对个别产品进行了详细的介绍。
没有使用任何第三方组件库，组件全部都是自己纯手写。
其中还原了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


#### 码云特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5.  码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
>>>>>>> 9275fc66480fbdad077307a813b03a0fa6189424