# UILib

**Repository Path**: yx102/ui-lib

## Basic Information

- **Project Name**: UILib
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-11-14
- **Last Updated**: 2021-11-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# yx-ui

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).



# 总结

- 使用字体图标font-awasome时需要在前面加上`fa`这个类名，如果想要省略自动识别有`fa-`开头就自动加上`fa`这个类名，则可以调整font.css文件中识别`fa`

`[class*="fa-"]`意思为只要在`fa-`的字体图标默认会自动加上`fa`这个类

```css
[class*="fa-"] {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
```

- 识别插槽中是否有内容用`$slots.defalut`,可以用于判断当前的插槽中的值是否显示
- 同时有icon和插槽中的值，需要在icon和文字间添加间距

```css
.yx-button [class*="fa-"] + span {
  margin-left: 5px;
}
```