# weijinsuo

**Repository Path**: MagicWingMI/weijinsuo

## Basic Information

- **Project Name**: weijinsuo
- **Description**: 一个基于Bootstrap3的“响应式“的学习项目
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-06-23
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 微金所

#### 一：项目描述

​	微金所是基于BootStrap3的响应式学习项目，用于学习响应式开发和手机Web开发

​	在不同的屏幕设备上有不同的展示，应对不用的情况

​	其运用到了artTemplate模板引擎与AJAX异步加载来加载图片，以此来优化了加载量，提高了加载速度

​	此学习项目还介绍了lessc的基本使用情况

#### 二：项目结构

```
│  index.html
│
├─.idea
│  │  modules.xml
│  │  vcs.xml
│  │  watcherTasks.xml
│  │  weijinsuo.iml
│  │  workspace.xml
│  │
│  └─inspectionProfiles
│          Project_Default.xml
│
├─css
│      index.css
│
├─demo
│      01-媒体查询.html
│      02-基本模版.html
│      03-normalize&reset区别.html
│      04-基本样式-container.html
│      05-栅格系统.html
│      06-响应式栅格系统.html
│      07-栅格系统-扩展功能.html
│      08-响应式工具.html
│      09-响应式工具-bootstrap.html
│      10-导航条.html
│      11-collapse组件.html
│      12-轮播图.html
│      13-轮播图-PC端.html
│      14-轮播图-M端.html
│      15-轮播图-响应式.html
│      16-媒体查询-扩展.html
│      17-标签页.html
│      18-阴影.html
│
├─fonts
│      MiFie-Web-Font.eot
│      MiFie-Web-Font.svg
│      MiFie-Web-Font.ttf
│      MiFie-Web-Font.woff
│
├─images
│      code.jpg
│      slide_01_2000x410.jpg
│      slide_01_640x340.jpg
│      slide_02_2000x410.jpg
│      slide_02_640x340.jpg
│      slide_03_2000x410.jpg
│      slide_03_640x340.jpg
│      slide_04_2000x410.jpg
│      slide_04_640x340.jpg
│
├─js
│      data.json
│      index.js
│
├─less
│      banner.css
│      banner.less
│      main.css
│      main.less
│      mixins.css
│      mixins.less
│      nav.css
│      nav.less
│      test.css
│      test.less
│      topBar.css
│      topBar.less
│      variables.css
│      variables.less
│
└─lib
    ├─artTemplate
    │      template-native.js
    │
    ├─bootstrap
    │  ├─css
    │  │      bootstrap-theme.css
    │  │      bootstrap-theme.css.map
    │  │      bootstrap-theme.min.css
    │  │      bootstrap-theme.min.css.map
    │  │      bootstrap.css
    │  │      bootstrap.css.map
    │  │      bootstrap.min.css
    │  │      bootstrap.min.css.map
    │  │
    │  ├─fonts
    │  │      glyphicons-halflings-regular.eot
    │  │      glyphicons-halflings-regular.svg
    │  │      glyphicons-halflings-regular.ttf
    │  │      glyphicons-halflings-regular.woff
    │  │      glyphicons-halflings-regular.woff2
    │  │
    │  └─js
    │          bootstrap.js
    │          bootstrap.min.js
    │          npm.js
    │
    ├─html5shiv
    │      html5shiv-printshiv.js
    │      html5shiv-printshiv.min.js
    │      html5shiv.js
    │      html5shiv.min.js
    │
    ├─iscroll
    │      iscroll.js
    │
    ├─jquery
    │      jquery.js
    │      jquery.min.js
    │      jquery.min.map
    │
    └─respond
            respond.matchmedia.addListener.min.js
            respond.matchmedia.addListener.src.js
            respond.min.js
            respond.src.js
```



#### 三：项目演示

![微金所](https://github.com/AprildreamMI/Progect-Images/blob/master/weijinsuo.gif)