# 唯品会

**Repository Path**: gp26/vipshop

## Basic Information

- **Project Name**: 唯品会
- **Description**: 仿站唯品会购物商城
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2021-09-03
- **Last Updated**: 2023-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 唯品会
## 项目目录
主要包括`api`、`components`、`js`、`scss`、`view`几个目录

### api
这个目录提供项目中需要的数据，比如轮播图数据、活动页数据、商品卡片数据，分类数据等


### components
主要存放一些组件，由于我们还没有学到`vue`，所以我们只用全局对象变量和模板字符串方式实现组件的使用

**1.创造组件**
```javascript
function comp(data){
    var mycomp=data.list.map(item=>`<li>${item.name}</li>`)
    return `<ul>`+mycomp+`</ul>`
}
```

**2.使用组件**

```javascript
<script src="./components/comp.js"></script>
let data={
    list:[
        {
            name:'程麒阁'
        },
        {
            name:'李想'
        },
        {
            name:'李勇'
        }
    ]
}
//使用组件并渲染页面
dom.innerHTML=comp(data)
```
> 我们使用函数和模板字符串来制作组件。然后在另外一个界面引用传入数据并使用组件

### js
这个目录主要存放js文件，包括`jQuery`、`swiper`等

### sass
这个目录主要采用sass编写，主要使用sass的`@mixin`、`$variable`和**嵌套结构**进行编写

### view
主要在这里放置一些视图容器，容器之间用@@include进行引入

## 首页功能实现