diff --git a/examples/sites/demos/pc/app/anchor/basic-usage-composition-api.vue b/examples/sites/demos/pc/app/anchor/basic-usage-composition-api.vue
index 9b20c0814..323fa4b20 100644
--- a/examples/sites/demos/pc/app/anchor/basic-usage-composition-api.vue
+++ b/examples/sites/demos/pc/app/anchor/basic-usage-composition-api.vue
@@ -1,6 +1,8 @@
 <template>
-  <tiny-switch v-model="type" true-value="line" false-value="dot"> </tiny-switch>
-  当前类型：{{ type }}
+  <div class="demo-top mb10">
+    <tiny-switch v-model="type" true-value="line" false-value="dot"> </tiny-switch>
+    <span>当前类型：{{ type }}</span>
+  </div>
   <tiny-anchor :links="links" :type="type"></tiny-anchor>
 </template>
 
@@ -45,3 +47,10 @@ const links = ref([
 
 const type = ref('dot')
 </script>
+
+<style scoped>
+.demo-top {
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/examples/sites/demos/pc/app/anchor/basic-usage.vue b/examples/sites/demos/pc/app/anchor/basic-usage.vue
index a988174e1..150b4302c 100644
--- a/examples/sites/demos/pc/app/anchor/basic-usage.vue
+++ b/examples/sites/demos/pc/app/anchor/basic-usage.vue
@@ -1,7 +1,9 @@
 <template>
   <div>
-    <tiny-switch v-model="type" true-value="line" false-value="dot"> </tiny-switch>
-    当前类型：{{ type }}
+    <div class="demo-top mb10">
+      <tiny-switch v-model="type" true-value="line" false-value="dot"> </tiny-switch>
+      <span>当前类型：{{ type }}</span>
+    </div>
     <tiny-anchor :links="links" :type="type"></tiny-anchor>
   </div>
 </template>
@@ -55,3 +57,10 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.demo-top {
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/examples/sites/demos/pc/app/anchor/is-affix-composition-api.vue b/examples/sites/demos/pc/app/anchor/is-affix-composition-api.vue
index deec04920..58ea25605 100644
--- a/examples/sites/demos/pc/app/anchor/is-affix-composition-api.vue
+++ b/examples/sites/demos/pc/app/anchor/is-affix-composition-api.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="wrap">
-    <tiny-switch v-model="isAffix"></tiny-switch>
-    <span>{{ isAffix ? '关闭固定模式' : '打开固定模式' }}</span>
+    <div class="demo-top mb10">
+      <tiny-switch v-model="isAffix"></tiny-switch>
+      <span>{{ isAffix ? '关闭固定模式' : '打开固定模式' }}</span>
+    </div>
     <tiny-anchor :links="links" :is-affix="isAffix"></tiny-anchor>
   </div>
 </template>
@@ -51,4 +53,8 @@ const links = ref([
 .wrap {
   min-height: 180px;
 }
+.demo-top {
+  display: flex;
+  align-items: center;
+}
 </style>
diff --git a/examples/sites/demos/pc/app/anchor/is-affix.vue b/examples/sites/demos/pc/app/anchor/is-affix.vue
index 92cb74e97..9d2906cac 100644
--- a/examples/sites/demos/pc/app/anchor/is-affix.vue
+++ b/examples/sites/demos/pc/app/anchor/is-affix.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="wrap">
-    <tiny-switch v-model="isAffix"></tiny-switch>
-    <span>{{ isAffix ? '关闭固定模式' : '打开固定模式' }}</span>
+    <div class="demo-top mb10">
+      <tiny-switch v-model="isAffix"></tiny-switch>
+      <span>{{ isAffix ? '关闭固定模式' : '打开固定模式' }}</span>
+    </div>
     <tiny-anchor :links="links" :is-affix="isAffix"></tiny-anchor>
   </div>
 </template>
@@ -60,4 +62,8 @@ export default {
 .wrap {
   min-height: 180px;
 }
+.demo-top {
+  display: flex;
+  align-items: center;
+}
 </style>