# test
> Hello World
<script>
  export default {
    methods: {
      hello() {
        alert('Hello World!');
      }
    }
  }
</script>
<style>
  .demo-box.demo-alert .el-alert {
    margin: 20px 0 0;
  }

  .demo-box.demo-alert .el-alert:first-child {
    margin: 0;
  }
</style>

一、标题

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

这是一级标题
===========
这是二级标题
--------

二、字体

**加粗** 或者 __加粗文本__<br>
*斜体* 或者 _斜体文本_<br>
***斜体加粗***<br>
~~删除线~~<br>

三、引用

>这是引用
>>这是引用
>>
>>这是引用
>>>>>>>>>这是引用



>static----------------样式、图片、第三方库，核心逻辑部分
>>images---------------图片
>> 
>>js-------------------第三方库，核心逻辑部分
>>>app-----------------核心逻辑
>>>>monitor------------车辆实时监控<br>
>>>>region-------------画框选车 <br>
>>>>rhino--------------关于车辆信息获取 <br>
>>>>teresa-------------车辆相关运单信息获取<br>
>>>>track--------------轨迹监控<br>
>>>>mapControl.js-----初始化地图样式和组件<br>
>>>>timeline.js-------轨迹时间轴
>>> 
>>>lib-----------------第三方库<br>
>>>app.js--------------轨迹查询页面相关DOM操作<br>
>>>base.js-------------车辆监控页面相关DOM操作<br>
>>>cofing.js-----------公共方法
>> 
>>stlye
> 
>page------------------静态页面
>>entiremonitor.html---车辆监控页面<br>
>>index.html-----------轨迹监控页面<br>
>>error.html-----------无权限页面

四、分割线

---
----
***
****

五、图片

![图片alt](图片地址 ''图片title'')

图片alt就是显示在图片下面的文字，相当于对图片内容的解释。
图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加

![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=702257389,1274025419&fm=27&gp=0.jpg "区块链")


六、超链接
语法：

[超链接名](超链接地址 "超链接title")
title可加可不加
示例：

[简书](http://jianshu.com)
[百度](http://baidu.com)
<http://www.baidu.com>

七、列表

无序列表

语法：无序列表用- + * 任何一种都可以

- 列表内容
+ 列表内容
* 列表内容

注意：- + * 跟内容之间都要有一个空格

有序列表

语法：数字加点

1. 列表内容
2. 列表内容
3. 列表内容

注意：序号跟内容之间要有空格

列表嵌套
- 列表内容
   - 列表内容
   - 列表内容
   - 列表内容

- 列表内容
   1. 列表内容
   1. 列表内容
   1. 列表内容

1. 列表内容
   - 列表内容
   - 列表内容
   - 列表内容

1. 列表内容
   1. 列表内容
   1. 列表内容
   1. 列表内容

八、表格

表头 | 表头 | 表头
---|:--:|---:
内容|内容|内容
内容|内容|内容


九、代码

语法：

单行代码 

`代码内容`

多行代码
```
代码内容
```

<!-- 十、流程图

```flow
st => start:开始
op=>operation:My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&``` -->










# Alert 警告
----
用于页面中展示重要的提示信息。

### 基本用法
页面中的非浮层元素，不会自动消失。

### Attributes
| 参数       | 说明                                 | 类型      | 可选值       | 默认值   |
|:----------  |------------------------------------:|:----------:|:-------------: |:--------: |
|title       | 标题，必选参数。也可通过默认 slot 传入  |  string   |  —           | —       |
|type        | 主题                                 | string    | success/warning/info/error| info |
|description | 辅助性文字                            | string    | —             | —      |
|closable    | 是否可关闭                            | boolean   | —             | true   |
|center      | 文字是否居中                          |  boolean  |  —            |  true  |
|close-text  | 关闭按钮自定义文本                     |  string   |  —            |  —     |
|show-icon   | 是否显示图标                          |  boolean   | —             | false  |

### Event
| 事件名称      | 说明       | 回调参数   |
|------------- |----------- |---------  |
|close         |关闭alert时触发的事件| —  |

<!-- <div class="dome-alert demo-block">
  <c-breadcrumb separator-class="el-icon-arrow-right">
      <c-breadcrumb-item :to="{ path: '/' }">首页</c-breadcrumb-item>
      <c-breadcrumb-item>活动管理1</c-breadcrumb-item>
      <c-breadcrumb-item>活动列表</c-breadcrumb-item>
      <c-breadcrumb-item>活动详情</c-breadcrumb-item>
    </c-breadcrumb>
</div> -->
```shell
import {cw5} from 'cw3d/index.js';
cw5.measure.measureMent(type)
```

::: demo

在`el-breadcrumb`中使用`el-breadcrumb-item`标签表示从首页开始的每一级。Element 提供了一个`separator`属性，在`el-breadcrumb`标签中设置它来决定分隔符，它只能是字符串，默认为斜杠`/`。


``` html
<div>
  <c-breadcrumb separator-class="el-icon-arrow-right">
      <c-breadcrumb-item>首页</c-breadcrumb-item>
      <c-breadcrumb-item>活动管理1</c-breadcrumb-item>
      <c-breadcrumb-item>活动列表</c-breadcrumb-item>
      <c-breadcrumb-item>活动详情</c-breadcrumb-item>
    </c-breadcrumb>
</div>
```
:::