diff --git a/site/mobile/components/demo-block.vue b/site/mobile/components/demo-block.vue
index 60bcce16a..b1e7e6a82 100644
--- a/site/mobile/components/demo-block.vue
+++ b/site/mobile/components/demo-block.vue
@@ -40,4 +40,6 @@ const slotClassName = computed(() => [
['with-padding']: props.padding,
},
]);
+
+console.log(props.padding);
diff --git a/src/fab/demos/advance.vue b/src/fab/demos/advance.vue
new file mode 100644
index 000000000..9cb3c9dbc
--- /dev/null
+++ b/src/fab/demos/advance.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
diff --git a/src/fab/demos/display.vue b/src/fab/demos/base.vue
similarity index 58%
rename from src/fab/demos/display.vue
rename to src/fab/demos/base.vue
index f58730b3e..0ad8ee546 100644
--- a/src/fab/demos/display.vue
+++ b/src/fab/demos/base.vue
@@ -1,17 +1,13 @@
-
-
-
+
-
-
diff --git a/src/fab/demos/mobile.vue b/src/fab/demos/mobile.vue
index 67f5b1c7c..f94549d57 100644
--- a/src/fab/demos/mobile.vue
+++ b/src/fab/demos/mobile.vue
@@ -2,24 +2,36 @@
Fab 悬浮按钮
当功能使用图标即可表示清楚时,可使用纯图标悬浮按钮,例如:添加、发布。
-
-
- 基础使用
- 进阶使用
-
+
+ 纯图标悬浮按钮
+
+
+ 图标加文字悬浮按钮
-
+
-
+
diff --git a/src/fab/demos/text.vue b/src/fab/demos/text.vue
deleted file mode 100644
index d04e4c87f..000000000
--- a/src/fab/demos/text.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/src/fab/fab.vue b/src/fab/fab.vue
index 4b457af83..340f71a6e 100644
--- a/src/fab/fab.vue
+++ b/src/fab/fab.vue
@@ -1,50 +1,50 @@
-
-
- {{ text }}
+
+ {{ text }}