# My-components

**Repository Path**: SSSyyy_a1/my-components

## Basic Information

- **Project Name**: My-components
- **Description**: v3+ts环境小组件
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-07-12
- **Last Updated**: 2022-07-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# V3+ TS环境

# skeleton：骨架

### 描述：

后端数据没有返回，前端浏览器渲染会空出位置，这个时候把骨架组件放进去会好看一丢丢

### 需要的属性：

width：控制骨架盒子宽度

类型：number 是否必须：是 

height：控制骨架盒子高度

类型：number 是否必须：是 

bg：骨架盒子背景颜色

类型: string 是否必须：否   默认颜色：#ccc

animatied：骨架盒子闪光效果

类型：boolean 是否必须 ：否  默认：false (true为开启闪光效果)

fade: 骨架盒子淡入淡出效果

类型：boolean 是否必须 ：否  默认：false (true为开启淡入淡出效果)

# carousel：轮播图

### 描述：

轮播图，电商网页，官网都有的小组件

### 需要的属性：

bannerList：轮播图循环的图片数组,类型如下：(可以自行修改)

```typescript
{id: string;imgUrl: string; hrefUrl: string; type: string;}[]
```

类型： Array  是否必须：是  

AutoPlay：控制是否自动播放

类型：boolean 是否必须 ：否  默认：false (true为开启自动播放）

direction：轮播图播放时间间隔 单位毫秒

类型：number 是否必须：否  默认：3000 (3秒)