https://github.com/21hook/js-tmall

基于HTML, CSS, & JS构建的一个具有14个页面的desktop website
https://github.com/21hook/js-tmall

Last synced: 5 months ago
JSON representation

基于HTML, CSS, & JS构建的一个具有14个页面的desktop website

• Host: GitHub
• URL: https://github.com/21hook/js-tmall
• Owner: 21hook
• License: mit
• Created: 2018-03-12T02:18:50.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-12T07:18:29.000Z (over 8 years ago)
• Last Synced: 2025-06-02T20:29:00.374Z (about 1 year ago)
• Language: HTML
• Homepage:
• Size: 18.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# JS-tmall

基于HTML, CSS, & JS构建的一个具有15个页面，近30个页面组件的desktop site.

[技术栈](#技术栈)

[目录架构](#目录架构)

[前台页面截图](#前台页面截图)

[后续功能](#后续功能)

[License](#license)

### 技术栈

HTML + CSS + JS + jQuery

### 目录架构

* components

    * common //common components through all pages

        * header

        * footer

        * searchbox

        * simple-searchbox

    * initial 

        * carousel 

        * category

        * category-product 

        * navbar

    * category

        * filter

        * product-list

    * product 

        * basic-info 

        * thumbnail

        * detail 

        * rating        

    * shopping-cart

        * clearing-cart

    * clearing

        * submit-order

        * user-address

    * order

        * order-header

        * order-list

    * utilities /utility styles

* dist 

* .jshintrc

* .package.json

  

### 前台页面截图

![initial](screenshots/initiial.png)

![category](screenshots/category.png)

![product list](screenshots/product-list.png)

![product](screenshots/product.png)

![clearing](screenshots/clearing.png)

![pay](screenshots/pay.png)

![pay success](screenshots/pay-success.png)

![shopping cart](screenshots/shopping-cart.png)

![user order](screenshots/user-order.png)

![product list](screenshots/confirm-erceipt.png)

![product list](screenshots/receipt-success.png)

![product list](screenshots/product-review.png)

![product list](screenshots/login.png)

![product list](screenshots/register.png)

### 后续功能

readme文件补充中 ...

后台开发中 ...

### License

[MIT](LICENSE)