样式说明
# 基础
# 布局.page-wrap
## 普通
```html
<div class="page-wrap">
<!--标题-->
<div class="page-title-wrap"> </div>
<!--主要内容-->
<div class="page-content-wrap">
<!--搜索（可单独使用）-->
<div class="page-search-wrap"></div>
<!--表格（可单独使用）-->
<div class="page-table-wrap">
<!--操作（可单独使用）-->
<div class="page-table-btn-line"></div>
<a-table />
</div>
</div>
</div>
```
## 无标题行 .no-title
```html
<div class="page-wrap no-title">
...
</div>
```
## 页面不滚动，内部元素滚动 .no-scroll
```html
<div class="page-wrap no-scroll">
...
</div>
```
# 操作
## 表格操作 .action-wrap
```html
<div slot="action" class="action-wrap" slot-scope="text, record">
<span class="action" @click="onEditChildren(record)">编辑</span>
<a-divider type="vertical" />
<a-popconfirm
title="是否确认删除？"
@confirm="onDeleteChildren(record)"
>
<span class="action">删除</span>
</div>
```
# 间隔线
## 高度为10的间隔线 .divide-10
# 抽屉
## 带有底部按钮的抽屉 .draw-btn-wrap
```html
<a-drawer wrapClassName="draw-btn-wrap" ...>
```
# 表格
## 带有添加按钮的表格 .table-add
```html
<a-table class="table-add" ...>
```
## 按钮
## 身份证读取按钮 .btn-read
```
<div class="idcard-input-wrap">
<a-button class="btn-read">读取</a-button>
</div>
```
## 绿色按钮 .btn-green
```html
<a-button class="btn-green">读取</a-button>
```
## 按钮其他
```css
.btn-right // 按钮居右，左间隔12
.btn-right-small // 按钮居右，左间隔8
.btn-right-large // 按钮居右，左间隔16
...
```
## 后缀按钮 .input-number-wrap
```html
<div class="input-number-wrap">
<a-input-number .../>
<a-button>元/月</a-button>
</div>
```
### 底部固定，提交按钮 .step-btn-wrap
```html
<div class="step-btn-wrap">
<a-button ...>取消</a-button>
</div>
```
# card 模版
## 普通
``` html
<div class="card-panel">
<div class="card-title card-title-blue">
<svg-icon icon-class="people1" class="card-title-icon" />基本信息
</div>
<div class="card-content">...</div>
</div>
```
## 表单提交 .card-panel-form
``` html
<div class="card-panel card-panel-form">
<div class="card-title card-title-blue"></div>
...
</div>
```
## 表格提交 右侧头像 .card-panel-flex
``` html
<div class="card-panel card-panel-form-flex">
...
</div>
```
## 表格提交 .card-panel-table
``` html
<div class="card-panel card-panel-table">
...
</div>
```
## 表单提交详情 .card-panel-form-detail
``` html
<div class="card-panel card-panel-form-detail">
...
</div>
```
## 表格提交详情 .card-panel-form-detail
``` html
<div class="card-panel card-panel-table-detail">
...
</div>
```
## 绿色背景
```html
<div class="card-title card-title-green"></div>
```
# tag 标签
## 橙色标签1
```html
<a-tag class="orange-tag mr10" :key="index">{{ item }}</a-tag>
```
## 橙色标签2
# 头像
## 提交头像
```html
<div class="right avator-line">
<div class="avator-wrap">
<svg-icon icon-class="avator" /></div>
<div class="btn-wrap">
<a-icon type="camera" />点击拍照
</div>
</div>
```
