diff --git a/docs/component/uniui/uni-fab.md b/docs/component/uniui/uni-fab.md
index 39ad7cad6eaf988d6cbc52f40909c7c803ce574f..ee8dbd62392678b6391ea0cbf67bcde0c268cd4b 100644
--- a/docs/component/uniui/uni-fab.md
+++ b/docs/component/uniui/uni-fab.md
@@ -1,94 +1,94 @@
-
-::: tip 组件名：uni-fab
-> 代码块： `uFab`
-
-[点击下载&安装](https://ext.dcloud.net.cn/plugin?name=uni-fab)
-:::
-
-点击可展开一个图形按钮菜单
-
-
-## 介绍
-::: warning 注意事项
-> 为了避免错误使用，给大家带来不好的开发体验，请在使用组件前仔细阅读下面的注意事项，可以帮你避免一些错误。
-- 不建议动态修改属性，可能会耗损部分性能。
-- 展开菜单暂不支持字体图标，使用图片路径时建议使用绝对路径，相对路径可能会有问题。
-- 选中状态要通过自己控制，如果不希望有选中状态，不处理 `active` 即可。 
-- 展开菜单建议最多显示四个，如果过多对于小屏手机可能会超出屏幕。
-:::
-
-### 基本用法
-
-在 `template` 中使用组件
-
-```html
-<template>
-	<view>
-		<uni-fab
-			:pattern="pattern"
-			:content="content"
-			:horizontal="horizontal"
-			:vertical="vertical"
-			:direction="direction"
-			@trigger="trigger"
-		></uni-fab>
-	</view>
-</template>
-```
-
-
-## API
-
-### Fab Props
-
-|属性名|类型| 默认值| 说明|
-|:-:| :-:| :-:| :-:|
-|pattern| Object| -| 可选样式配置项|
-|horizontal| String| 'left'| 水平对齐方式。`left`:左对齐，`right`：右对齐|
-|vertical| String| 'bottom'| 垂直对齐方式。`bottom`:下对齐，`top`：上对齐|
-|direction	| String| 'horizontal'| 展开菜单显示方式。`horizontal`:水平显示，`vertical`：垂直显示	|
-|popMenu| Boolean| true| 是否使用弹出菜单|
-|content| Array| -| 展开菜单内容配置项|
-
-
-
-**pattern配置项：**
-
-|参数|类型	| 默认值	|说明|
-|:-:|:-:| :-:| :-:|
-|color| String	| #3c3e49| 文字默认颜色|
-|selectedColor| String	| #007AFF| 文字选中时的颜色|
-|backgroundColor| String| #ffffff| 背景色|
-|buttonColor| String| #3c3e49| 按钮背景色|
-
-**content配置项：**
-
-|  参数|类型	| 说明|
-| :-:|  :-:| :-:| :-:|
-| iconPath| String| 图片路径|
-| selectedIconPath| String	| 选中后图片路径|
-| text| String	| 文字|
-| active| Boolean| 是否选中当前	|
-
-### Fab Events
-
-|  参数|类型| 说明|
-| :-:|  :-:| :-:|
-| @trigger	| Function	| 展开菜单点击事件，返回点击信息|
-| @fabClick	| Function	| 悬浮按钮点击事件				|
-
-
-
-## 示例
-::: warning 注意
-示例依赖了 `uni-card` `uni-section` `uni-scss` 等多个组件，直接拷贝示例代码将无法正常运行 。
-
-请到 [组件下载页面](https://ext.dcloud.net.cn/plugin?name=uni-fab) ，在页面右侧选择 `使用 HBuilderX导入示例项目` ，体验完整组件示例。
-:::
-
-::: preview https://hellouniapp.dcloud.net.cn/pages/extUI/fab/fab
-> Template
-``` html
+
+::: tip 组件名：uni-fab
+> 代码块： `uFab`
+
+[点击下载&安装](https://ext.dcloud.net.cn/plugin?name=uni-fab)
+:::
+
+点击可展开一个图形按钮菜单
+
+
+## 介绍
+::: warning 注意事项
+> 为了避免错误使用，给大家带来不好的开发体验，请在使用组件前仔细阅读下面的注意事项，可以帮你避免一些错误。
+- 不建议动态修改属性，可能会耗损部分性能。
+- 展开菜单暂不支持字体图标，使用图片路径时建议使用绝对路径，相对路径可能会有问题。
+- 选中状态要通过自己控制，如果不希望有选中状态，不处理 `active` 即可。 
+- 展开菜单建议最多显示四个，如果过多对于小屏手机可能会超出屏幕。
+:::
+
+### 基本用法
+
+在 `template` 中使用组件
+
+```html
+<template>
+	<view>
+		<uni-fab
+			:pattern="pattern"
+			:content="content"
+			:horizontal="horizontal"
+			:vertical="vertical"
+			:direction="direction"
+			@trigger="trigger"
+		></uni-fab>
+	</view>
+</template>
+```
+
+
+## API
+
+### Fab Props
+
+|属性名|类型| 默认值| 说明|
+|:-:| :-:| :-:| :-:|
+|pattern| Object| -| 可选样式配置项|
+|horizontal| String| 'left'| 水平对齐方式。`left`:左对齐，`right`：右对齐|
+|vertical| String| 'bottom'| 垂直对齐方式。`bottom`:下对齐，`top`：上对齐|
+|direction	| String| 'horizontal'| 展开菜单显示方式。`horizontal`:水平显示，`vertical`：垂直显示	|
+|popMenu| Boolean| true| 是否使用弹出菜单|
+|content| Array| -| 展开菜单内容配置项|
+
+
+
+**pattern配置项：**
+
+|参数|类型	| 默认值	|说明|
+|:-:|:-:| :-:| :-:|
+|color| String	| #3c3e49| 文字默认颜色|
+|selectedColor| String	| #007AFF| 文字选中时的颜色|
+|backgroundColor| String| #ffffff| 背景色|
+|buttonColor| String| #3c3e49| 按钮背景色|
+
+**content配置项：**
+
+|  参数|类型	| 说明|
+| :-:|  :-:| :-:| :-:|
+| iconPath| String| 图片路径|
+| selectedIconPath| String	| 选中后图片路径|
+| text| String	| 文字|
+| active| Boolean| 是否选中当前	|
+
+### Fab Events
+
+|  参数|类型| 说明|
+| :-:|  :-:| :-:|
+| @trigger	| Function	| 展开菜单点击事件，返回点击信息|
+| @fabClick	| Function	| 悬浮按钮点击事件				|
+
+
+
+## 示例
+::: warning 注意
+示例依赖了 `uni-card` `uni-section` `uni-scss` 等多个组件，直接拷贝示例代码将无法正常运行 。
+
+请到 [组件下载页面](https://ext.dcloud.net.cn/plugin?name=uni-fab) ，在页面右侧选择 `使用 HBuilderX导入示例项目` ，体验完整组件示例。
+:::
+
+::: preview https://hellouniapp.dcloud.net.cn/pages/extUI/fab/fab
+> Template
+``` html
 <template>
 	<view class="container">
 		<uni-card :is-shadow="false" is-full>
@@ -101,7 +101,6 @@
 				<button class="button" type="primary" @click="switchBtn('left', 'bottom')">左下角显示</button>
 				<button class="button" type="primary" @click="switchBtn('right', 'bottom')">右下角显示</button>
 				<button class="button" type="primary" @click="switchBtn('left', 'top')">左上角显示</button>
-				<button class="button" type="primary" @click="switchBtn('left', 'top')">左上角显示</button>
 				<button class="button" type="primary" @click="switchBtn('right', 'top')">右上角显示</button>
 				<button class="button" type="primary" @click="switchColor">修改颜色</button>
 			</view>
@@ -110,9 +109,9 @@
 			:direction="direction" @trigger="trigger" @fabClick="fabClick" />
 	</view>
 </template>
-``` 
-
-> Script
+``` 
+
+> Script
 ``` html
 <script>
 	export default {
@@ -205,8 +204,8 @@
 		}
 	}
 </script>
-``` 
-> Style
+``` 
+> Style
 ``` html
 <style lang="scss">
 	.warp {
@@ -216,10 +215,10 @@
 	.button {
 		margin-bottom: 10px;
 	}
-</style>
-
-```
-:::
-
-
+</style>
+
+```
+:::
+
+
 [完整示例演示](https://hellouniapp.dcloud.net.cn/pages/extUI/fab/fab)
\ No newline at end of file