Update 公共组件开发.md

开发文档/公共组件开发.md

@@ -1,17 +1,18 @@
 ## 摘要
-项目中一些可以复用的组件称为公共组件，放在`src/components/common`目录下，本项目用到的公共组件有对话框，弹窗，Toast等，和小程序的Toast也差不多。
-这里也写了个<a href="https://github.com/ChenMingK/demos/tree/master/common-components">demo</a>，如果公共组件是渲染在最外层的(和App同级)，
-可以使用vue-create-api来快速创建而不是一个个导入。具体的使用方法见开发文档的**Tips**部分
+项目中一些可以复用的组件称为公共组件，放在 `src/components/common` 目录下，本项目用到的公共组件有对话框，弹窗，Toast 等，和小程序的 Toast 也差不多。
+这里也写了个 <a href="https://github.com/ChenMingK/demos/tree/master/common-components">demo</a>，如果公共组件是渲染在最外层的(和App同级)，
+可以使用 vue-create-api 来快速创建而不是一个个导入。具体的使用方法见开发文档的 **Tips** 部分
 
 <img src="https://github.com/ChenMingK/ImagesStore/blob/master/imgs/common-components.gif" width=300px>
 
 ## Toast
-这是用于消息显示的组件，用于显示消息，比如显示下载进度或者支付成功之类的。我们让其绝对定位水平垂直居中且总是置于顶层<br>
+这是用于消息显示的组件，用于显示消息，比如显示下载进度或者支付成功之类的。我们让其绝对定位水平垂直居中且总是置于顶层
+
 - 接收的参数
   - text: 消息框显示的文本内容
-  - timeout: 消息框显示的时间，默认为1.5s
+  - timeout: 消息框显示的时间，默认为 1.5s
 - 提供的方法
-  - show(): 显示对话框, 在timeout时间后消失
+  - show(): 显示对话框, 在 timeout 时间后消失
   - hide(): 隐藏对话框
 ``` html
 <template>
@@ -71,13 +72,15 @@
 ```
 
 ## Dialog
-对话框组件，显示一段文本，并让用户点击确认或取消，因为点击确认需要执行的事件由父组件来决定，所有要允许父组件传入按钮的点击事件<br>
+对话框组件，显示一段文本，并让用户点击确认或取消，因为点击确认需要执行的事件由父组件来决定，所有要允许父组件传入按钮的点击事件
+
 - 接收的参数
   - title: 需要显示的文本内容
 - 提供的方法
   - show(): 显示对话框
   - hide(): 隐藏对话框
-这里使用了插槽`slot`，即父组件可以往此处填充自己的内容，这样组件的可扩展性就更好了，比如我不想要两个按钮我想要三个那就自己加
+
+这里使用了插槽 `slot`，即父组件可以往此处填充自己的内容，这样组件的可扩展性就更好了，比如我不想要两个按钮我想要三个那就自己加
 
 ``` html
 <template>
@@ -126,7 +129,8 @@
 ```
 
 ## Popup
-这是一个底层弹窗组件<br>
+这是一个底层弹窗组件
+
 - 接收的参数
   - title: 需要显示的文本内容
   - btn: 可动态配置的按钮，以数组形式传入，一个按钮作为一个数组元素