diff --git a/src/layouts/components/BuyIt/index.vue b/src/layouts/components/BuyIt/index.vue
index 48563ced..674feb3e 100755
--- a/src/layouts/components/BuyIt/index.vue
+++ b/src/layouts/components/BuyIt/index.vue
@@ -44,13 +44,13 @@ onUnmounted(() => {
     <div class="item" @click="switchUI">
       <SvgIcon name="icon-park-twotone:components" />
       <span class="title">切换<br>组件库</span>
-      <HDialog v-model="UIdialog" title="切换组件库">
+      <HDialog v-model="UIdialog" title="切换组件库" overlay>
         <div class="px-4 py-2 rounded-2 text-sm/6 c-green-6 bg-green/20">
           <p class="my-1">
             为了视觉风格统一，同时也能服务于更多开发者，本框架从 v4.0.0 版本开始，与 Element Plus 组件库进行了解耦，意味着可以轻松将 Element Plus 组件库替换成其他 UI 组件库，并且不会影响框架原本的功能。
           </p>
           <p class="my-1">
-            演示站挑选了以下 4 款组件库作为示例，你可以点击访问并预览。
+            演示站挑选了以下 5 款组件库作为示例，你可以点击访问并预览。
           </p>
         </div>
         <div class="mt-4 flex justify-center flex-wrap gap-4">
@@ -66,6 +66,9 @@ onUnmounted(() => {
           <HButton @click="open('https://fantastic-admin.github.io/tdesign-example/')">
             访问 TDesign 演示站
           </HButton>
+          <HButton @click="open('https://fantastic-admin.github.io/vexip-example/')">
+            访问 Vexip UI 演示站
+          </HButton>
         </div>
       </HDialog>
     </div>