/XiaoMiShop

小米商城的部分静态页面，纯HTML和CSS编写。 适合用来熟悉HTML和CSS的一个小demo，全部敲完后感觉布局水平和HTML和CSS熟练度会有很大的提升。

Primary LanguageHTMLApache License 2.0Apache-2.0

仿小米商店首页

介绍

小米商城的部分静态页面，纯HTML和CSS编写。

适合用来熟悉HTML和CSS的一个小demo，全部敲完后感觉布局水平和HTML和CSS熟练度会有很大的提升。

软件架构

软件架构说明

  1. HTML
  2. CSS
  3. JavaScript

使用的东西与内容

  1. iconfont-阿里巴巴矢量图标库

  2. 编写了登录页面

  3. 编写了注册页面

  4. 编写了购买详情页

  5. 编写了视频播放功能

  6. 视频播放具有的功能:

    6.1 点击视频界面暂停与播放

    6.2 3秒进度条隐藏以及鼠标进入播放界面的显示

安装教程

  1. git clone https://github.com/code-brandon/XiaoMiShop.git
  2. xxxx

使用说明

  1. 最好放到本地的服务器打开 比如:http://localhost:63342/MyXiaoMiShop/index.html
  2. xxxx
  3. xxxx

参与贡献

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