# pinyougou

**Repository Path**: evan_orange/pinyougou

## Basic Information

- **Project Name**: pinyougou
- **Description**: 仿写网站---静态页面
- **Primary Language**: HTML
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-05-07
- **Last Updated**: 2021-08-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# pinyougou

## 介绍
本项目是最开始接触前端的HTMl+CSS+JS练手项目，是一个仿京东的购物静态页面，没有使用任何框架，所有动态效果，均由js完成。

该项目一共五个页面，首页，分类页，详情页，登陆，注册。
- 首页主要亮点在最左侧的选项电梯，通过点击不同楼层，跳转到相应楼层，以及大轮播图
- 分类页展示该类商品的不同种类
- 详情页主要展示该商品的价格，颜色，产品基本信息，亮点是放大镜的效果
- 登陆
- 注册可验证手机格式

## 项目架构
- css用来放本项目的css文件
- img主要放图片
- js项目的互动效果

## 使用教程
- git clone git@gitee.com:evan_orange/pinyougou.git

## 效果图
### 首页
|  ![输入图片说明](https://images.gitee.com/uploads/images/2021/0817/145200_f3ed7d6b_7798526.png "QQ截图20210817144757.png") | ![输入图片说明](https://images.gitee.com/uploads/images/2021/0817/145217_2189fed8_7798526.png "QQ截图20210817144814.png")  | ![输入图片说明](https://images.gitee.com/uploads/images/2021/0817/145229_5a577c56_7798526.png "QQ截图20210817144830.png")  |
|---|---|---|
### 详情页
|  ![输入图片说明](https://images.gitee.com/uploads/images/2021/0817/145455_90f8bb73_7798526.png "QQ截图20210817145415.png") | ![输入图片说明](https://images.gitee.com/uploads/images/2021/0817/145508_666dff75_7798526.png "QQ截图20210817145432.png")  |
|---|---|
### 注册与登陆
|  ![输入图片说明](https://images.gitee.com/uploads/images/2021/0817/145632_776e3304_7798526.png "QQ截图20210817145614.png") |![输入图片说明](https://images.gitee.com/uploads/images/2021/0817/145645_06be1cd3_7798526.png "QQ截图20210817145559.png")   |
|---|---|