From a46ec22b71f20c209c6301229b2d6194fd24e100 Mon Sep 17 00:00:00 2001
From: Gimmy <975402925@qq.com>
Date: Thu, 23 Jan 2025 11:15:49 +0800
Subject: [PATCH] fix: fix demo not visible after build

---
 examples/sites/demos/mobile/config.js              | 2 +-
 examples/sites/src/views/components/components.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/examples/sites/demos/mobile/config.js b/examples/sites/demos/mobile/config.js
index 4059ce183c..ab99dae059 100644
--- a/examples/sites/demos/mobile/config.js
+++ b/examples/sites/demos/mobile/config.js
@@ -8,6 +8,6 @@ export default {
   base: '',
   prodBase: '',
   initApp: (app) => {
-    app.config.globalProperties[map.tinyMode] = { value: 'mobile' }
+    app.config.globalProperties[map.tinyMode] = { value: 'pc' }
   }
 }
diff --git a/examples/sites/src/views/components/components.vue b/examples/sites/src/views/components/components.vue
index 57d5562be6..f543c13382 100644
--- a/examples/sites/src/views/components/components.vue
+++ b/examples/sites/src/views/components/components.vue
@@ -26,7 +26,7 @@
               <template v-if="state.currJson?.demos?.length">
                 <div class="all-demos-container" id="all-demos-container">
                   <div v-if="apiModeState.demoMode === 'default'" id="demo-list" class="ti-f-c ti-f-wrap demo-list">
-                    <demo
+                    <demo-box
                       v-for="demo in state.currJson.demos"
                       :key="demo.name"
                       :observer="state.observer"
@@ -39,7 +39,7 @@
                     />
                   </div>
                   <div v-else>
-                    <demo
+                    <demo-box
                       v-if="state.singleDemo"
                       :isIntersecting="true"
                       :key="state.singleDemo.name"
@@ -221,7 +221,7 @@ import {
 import { iconOuterLink } from '@opentiny/vue-icon'
 import debounce from '@opentiny/vue-renderless/common/deps/debounce'
 import { i18nByKey, getWord, $clone, fetchDemosFile, useApiMode, useTemplateMode, getCmpContributors } from '@/tools'
-import demo from '@/views/components/demo'
+import DemoBox from '@/views/components/demo'
 import demoConfig from '@demos/config.js'
 import { router } from '@/router.js'
 import { faqMdConfig, getWebdocPath } from './cmp-config'