<h2 align="center">12cm echoss Loading</h2>

### 설치
npm install 12cm-echoss-loading@latest

### 개요
원투씨엠(주)의 로딩 애니메이션 템플릿 사용 방법을 설명합니다.

### 사용방법

#### HTML
```html
<echoss-loading
    :show="true"
    :dim="true"
    :type="1" />
```

#### Script
```javascript
import EchossLoading from '12cm-echoss-loading/index.vue'

export default {
  components: { EchossLoading },
  created () {
    //
  }
}
```

#### 타입
<table>
  <tbody>
    <tr>
      <th valign="middle" style="text-align: center" width="160">
        타입코드
      </th>
      <th valign="middle" style="text-align: center">
        로딩 애니메이션
      </th>
    </tr>
    <tr>
      <td valign="middle" style="text-align: center">
        1
      </td>
      <td valign="middle">
        <img width="240" src="https://web-dev.echoss.co.kr/npm/readme/images/type01.png" />
      </td>
    </tr>
    <tr>
      <td valign="middle" style="text-align: center">
        2
      </td>
      <td valign="middle">
        <img width="240" src="https://web-dev.echoss.co.kr/npm/readme/images/type02.png" />
      </td>
    </tr>
    <tr>
      <td valign="middle" style="text-align: center">
        3
      </td>
      <td valign="middle">
        <img width="240" src="https://web-dev.echoss.co.kr/npm/readme/images/type03.png" />
      </td>
    </tr>
  </tbody>
</table>
