# ng-element-ui

**Repository Path**: tv1898/ng-element-ui

## Basic Information

- **Project Name**: ng-element-ui
- **Description**: angular11+的饿了么UI组件
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-12-27
- **Last Updated**: 2021-01-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 简介
  此项目还未测试完，还在更新中。先不要拉代码
# Button 按钮

![基本说明](https://images.gitee.com/uploads/images/2020/1227/150140_495be6be_364203.png "屏幕截图.png")

```
     <el-row>
        <el-button>默认按钮</el-button>
        <el-button type="primary">主要按钮</el-button>
        <el-button type="success">成功按钮</el-button>
        <el-button type="info">信息按钮</el-button>
        <el-button type="warning">警告按钮</el-button>
        <el-button type="danger">危险按钮</el-button>
      </el-row>
      
      <el-row>
        <el-button [plain]="true">朴素按钮</el-button>
        <el-button type="primary" [plain]="true">主要按钮</el-button>
        <el-button type="success" [plain]="true">成功按钮</el-button>
        <el-button type="info" [plain]="true">信息按钮</el-button>
        <el-button type="warning" [plain]="true">警告按钮</el-button>
        <el-button type="danger" [plain]="true">危险按钮</el-button>
      </el-row>
      
      <el-row>
        <el-button [round]="true">圆角按钮</el-button>
        <el-button type="primary" [round]="true">主要按钮</el-button>
        <el-button type="success" [round]="true">成功按钮</el-button>
        <el-button type="info" [round]="true">信息按钮</el-button>
        <el-button type="warning" [round]="true">警告按钮</el-button>
        <el-button type="danger" [round]="true">危险按钮</el-button>
      </el-row>
      
      <el-row>
        <el-button icon="el-icon-search" [circle]="true"></el-button>
        <el-button type="primary" icon="el-icon-edit" [circle]="true"></el-button>
        <el-button type="success" icon="el-icon-check" [circle]="true"></el-button>
        <el-button type="info" icon="el-icon-message" [circle]="true"></el-button>
        <el-button type="warning" icon="el-icon-star-off" [circle]="true"></el-button>
        <el-button type="danger" icon="el-icon-delete" [circle]="true"></el-button>
      </el-row>
     <el-row>
        <el-button type="text">文字按钮</el-button>
        <el-button type="primary" [loading]="true">加载中</el-button>
      </el-row>
      <el-row>
        <el-button>默认按钮</el-button>
        <el-button size="medium">中等按钮</el-button>
        <el-button size="small">小型按钮</el-button>
        <el-button size="mini">超小按钮</el-button>
      </el-row>
      <el-row>
        <el-button [round]="true">默认按钮</el-button>
        <el-button size="medium" [round]="true">中等按钮</el-button>
        <el-button size="small" [round]="true">小型按钮</el-button>
        <el-button size="mini" [round]="true">超小按钮</el-button>
      </el-row>
```

### Attributes


|参数	|说明	|类型	|可选值	|默认值|
|--------|-----------------|--------|---------------------------------------------|-------|
|size	|尺寸	|string|	medium / small / mini|	—|
|type	|类型	|string	|primary / success / warning / danger / info / text	|—|
|plain	|是否朴素按钮	|boolean|	—|	false|
|round	|是否圆角按钮	|boolean|	—	|false|
|circle	|是否圆形按钮	|boolean|	—	|false|
|loading	|是否加载中状态	|boolean|	—	|false|
|disabled	|是否禁用状态	|boolean|	—	|false|
|icon	|图标类名	|string	|—|	—|
|autofocus|	是否默认聚焦	|boolean|	—|	false|
|native-type|	原生 type 属性|	string|	button / submit / reset	|button|


## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.