fix: conflict resolution

Author: James-9696

examples/sites/mobile/App.vue

@@ -40,11 +40,9 @@ const receiveMessage = ({ data }) => {
   if (!['tiny-vue-site'].includes(from)) {
     return
   }
-  showLoading()
   const demoPath = `${component}/${demo}`
   getComponent(demoPath).then((cmp) => {
     showComponent.value = cmp
-    closeLoading()
   })
 }
 

examples/sites/src/views/components/components.vue

@@ -168,15 +168,16 @@
               </div>
             </tiny-tab-item>
           </tiny-tabs>
-        </div>
-        <div v-if="demoConfig.isMobile" class="mobile-view-container">
-          <!-- 移动端展示内容 -->
-          <div class="phone-container">
-            <div class="mobile-iframe-container">
-              <iframe ref="iframeRef" width="100%" height="100%" :src="state.iframeUrl" frameborder="0"></iframe>
+          <div v-if="demoConfig.isMobile" class="mobile-view-container">
+            <!-- 移动端展示内容 -->
+            <div class="phone-container">
+              <div class="mobile-iframe-container">
+                <iframe ref="iframeRef" width="100%" height="100%" :src="state.iframeUrl" frameborder="0"></iframe>
+              </div>
             </div>
           </div>
         </div>
+
         <!-- demo与api目录锚点 -->
         <div class="cmp-page-anchor catalog" v-if="state.currAnchorLinks.length">
           <tiny-anchor

examples/sites/src/views/components/demo.vue

@@ -55,9 +55,7 @@
         </div>
         <div v-else-if="demoConfig.isMobile" class="mobile-demo-container">
           <div class="mobile-view-btn">
-            <tiny-mobile-button type="secondary" @click="openIframe(demo)">{{
-              i18nByKey('yan-shi')
-            }}</tiny-mobile-button>
+            <tiny-button tiny_mode="pc" @click="openIframe(demo)">{{ i18nByKey('yan-shi') }}</tiny-button>
           </div>
         </div>
         <div v-else class="pc-demo-container">
@@ -94,7 +92,6 @@ import demoConfig from '@demos/config.js'
 import { useApiMode, useTemplateMode } from '@/tools'
 import useTheme from '@/tools/useTheme'
 import AsyncHighlight from './async-highlight.vue'
-import { Button as TinyMobileButton } from '@opentiny/vue-mobile'
 
 const props = defineProps({
   demo: {