docs(button-edit): fix text horizontal alignment

packages/ui-vue/docs/components/button-edit/index.md

@@ -135,8 +135,8 @@ const text = ref('Button Edit 按钮输入框');
 const enableClear = ref(true);
 </script>
 <template>
-    <div class="my-2">
-        <span>默认状态: </span>
+    <div class="my-2 d-flex">
+        <div class="f-demo-label">显示清空按钮:</div>
         <f-switch v-model="enableClear"></f-switch>
     </div>
     <f-button-edit :enable-clear="enableClear" v-model="text"></f-button-edit>
@@ -149,6 +149,12 @@ const enableClear = ref(true);
     </div>
     <f-button-edit :enable-clear="enableClear" disable v-model="text"></f-button-edit>
 </template>
+<style scoped>
+.f-demo-label {
+    line-height: 1.4rem;
+    margin-right: 8px;
+}
+</style>
 ```
 
 :::