From bb1a51c296bcdc5eb2b093e5107e4f503fe6cc48 Mon Sep 17 00:00:00 2001
From: xiongmao86 <xiongmao86dev@sina.com>
Date: Mon, 29 May 2023 23:09:46 +0800
Subject: [PATCH] Finish app-bar.

---
 .../docs/page-config/ui-elements/app-bar/examples/Color.vue  | 5 ++---
 .../page-config/ui-elements/app-bar/examples/Default.vue     | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/docs/page-config/ui-elements/app-bar/examples/Color.vue b/packages/docs/page-config/ui-elements/app-bar/examples/Color.vue
index a40b1ddbee1..9b22f5169d0 100644
--- a/packages/docs/page-config/ui-elements/app-bar/examples/Color.vue
+++ b/packages/docs/page-config/ui-elements/app-bar/examples/Color.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="position: relative;">
+  <div class="relative">
     <va-app-bar color="danger">
       <va-button
         icon="home"
@@ -35,8 +35,7 @@
   </div>
 
   <div
-    class="mt-2"
-    style="position: relative;"
+    class="mt-2 relative"
   >
     <va-app-bar
       color="info"
diff --git a/packages/docs/page-config/ui-elements/app-bar/examples/Default.vue b/packages/docs/page-config/ui-elements/app-bar/examples/Default.vue
index 3f2fd769c5b..25db5e7e832 100644
--- a/packages/docs/page-config/ui-elements/app-bar/examples/Default.vue
+++ b/packages/docs/page-config/ui-elements/app-bar/examples/Default.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="position: relative;">
+  <div class="relative">
     <va-app-bar>
       <va-button
         icon="home"